Ideš mic po mic kad plavo đubre krene da zezeči nešto po svome.
U ovom slučaju, đubre je možda i u pravu, dok ostali jednostavno gledaju kroz prste.
Đubre je uvek bilo striktno i za ono što može da izvede i za ono što ne može da izvede i nikada ne gleda kroz prste kao i ostali.
za početak...
ovaj deo..
Code:
<img src="proba.jpg" alt="Koopon Website" width="80" height="50" />
Širina i visina, uvek isto?
Onda width i height jednostavno makneš iz svih linija u html-u..
i u css-u dodaš ovu liniju.
Code:
ul#portfolio-list li a img {width:80px;height:80px;}
Css inače, trebaš malo da prepraviš..
list-style:none; - ne lepiš na li već samo na ul.
i fali ti još nešto tu ... a to je type.
list-style-type:none;
Dakle...
Code:
ul#portfolio-list {list-style-type:none;}
ul#portfolio-list li { float: left; margin: 0 5px; }
ul#portfolio-list li a, ul#portfolio-list li a:visited { display: block; border: 5px solid green; width: 80px; height: 50px; }
ul#portfolio-list li a:hover, ul#portfolio-list li a:active { border-color: green; }
ul#portfolio-list li a img {width:80px;height:80px;}
Odradi to pa onda da vidimo šta kaže daljše..
A ako nemaš wrapper div za listu, napravi ga.
Obmotaj listu u nešto, neki div.. reci mu da bude relativno, apsolutno pozicioniran.. itd. zavisi od dokumenta.
Osim toga, nisam baš siguran da li .clear {display:inline-block;} ili samo .clear {display:inline;} treba..
.clear:after { ...... clear:both; ....} mislim da ni to ne pije vodu u ovom slučaju.
Kada imaš više elemenata gde neki plutaju na levo, a neki na desno...
onda napraviš jedan div koji će imati samo float:none;clear:both; i njega udeneŠ na kraju..
recimo...
Code:
## css
div.clear {float:none;clear:both;}
### html
<div class="listWrap">
<ul .... >
<li>... /* ... code */
<li>... /* .... code */
</ul>
</div>
<div class="clear"></div>
[Ovu poruku je menjao plus_minus dana 20.03.2012. u 15:58 GMT+1]