postavitev izdelkov

nevem zakaj bi moral dodajati ul-je ali dive? Pusti tako kot si naredil in prilepi css kodo:

ul.Otherproducts li {

width: 150px;

list-style-type: none;

margin-right: 15px;

float: left;

display: inline-block;

border: 1px solid #999;

margin-bottom: 15px;

display: inline-block;

vertical-align: top;

zoom: 1; display: inline; /fix IE7*/

}

Sam toliko če zadevo floataš dobi display: block, tako da je inline-block nepotreben. Jaz sem namesto floata začel uporabljati inline-block in pa vertical-align:top, da mi ni treba clearat floata.

ja moja napaka :D popravljal v fireBugu in samo kopiral :D nisem pa pomislil da mi bo prekopiralo tudi tisto kar sem odkljukal

popravljeno:

ul.Otherproducts li {

width: 150px; height: auto;

list-style-type: none;

margin-right: 15px;

border: 1px solid #999;

margin-bottom: 15px;

display: inline-block;

vertical-align: top;

zoom: 1; display: inline; /fix IE7*/

}

hvala vsem za vse nasvete in predloge.

Zadevo sem brez vseh težav reši na način, ki sta ga predlagala @Draganche klikni in @Orion klikni . Hvala obema.

Je pa rešitev od @Orion enostavna kot pasulj - samo, če ga znaš skuhat :)

@robir - hvala tebi za feedback.

samo tako lahko napredujemo da delimo med seboj znanje. :)

ni boljšega filinga ko si pomagal pri rešitvi.

lp

Dragan

Še dodatno vprašanje

Na kakšen način lahko naredim, da je višina okvirja pri vseh artiklih v eni vrstici enaka?

Vsi artikli imajo višino okvirja enako višini artikla, ki ima najdaljši opis. klikni Opisi so različno dolgi in bi bil problem v primeru fiksne višine.

Če želiš enako višino pri vseh okvirjih, dodaj height: 240px ali poljubno pri ul.Otherproducts li - primer.

Za enako višino pri artiklih v določeni vrstici pa lahko razdeliš <li> v skupine - primer 2.

@robir - težka bo pri "daljših naslovih" neki poš moral žrtvovat

dodaj v css (sicer neoukusno) overflow: hidden;

:)

Kaj takega mogoče? primer