-moz-inline-box problem

[nme]

problem koji me muci:
imam:

Code:

#nesto li { display: -moz-inline-box; ...}

svaki <li> ima u stylu zdanu svoju širinu, pa <input> unutar liste uzima širinu <li>-a što mi ne paše, htio bi njemu zadati drugu širinu. Mozilla daje 100% širinu inputu i jos neki margin koji ga izbacuje iz inline strukture, dok firefox ga samo siri 100% <li>-a.
IE za cudo ne stvara probleme:

Code:

#nesto li  {display: inline-block} #nesto li  {_display: inline}

(ni to rjesenje nije bas 100% ok jer nije CSS valid)

kako da rjesim?

[maratz]

ak ti se da, pejstaj markup i JPG/GIF kak ti to treba izgledat.

[nme]

nije bed ... sada sam kod mehanicara pa sam kod njega postao dok cekam da dodjem na red , kada dodjem doma cu postati kod i snapshotove ...

tnx ...

[maratz]

nme wrote:

sada sam kod mehanicara pa sam kod njega postao dok cekam da dodjem na red

LOL, mobile web at its' best

[nme]

vidis koliko me to hebe .. inace taj dio koji sam spomenuo jos nisam stavio online, a ostatak sajta je na privremenoj adresi, dizajn je radio jedan grafički dizajner koji mi je poslao posao, a ja radim ostatak (moj prvi tableless site, vjerojatno se moglo neke stvari i bolje)

[nme]

evo ga:
Firefox
IE
Mozilla

znaci IE prikazuje kako treba ...
kod:

Code:

<h1>Vaša Košarica<h1> <div id="shop">    <ul style="margin-bottom: 0.7em;">       <li style="width:200px;">Knjiga</li>       <li style="width:200px;">Autor</li>          <li style="width:120px;">Kolicina</li>       <li>Cijena</li>       </ul>    <ul style="font-weight: bold;">       <li style="width:200px;">Vodenje i nove znanosti</li>       <li style="width:200px;">Margaret Wheatley</li>          <li style="width:120px;"><input type="text" /></li>       <li>Cijena</li>       </ul> </div>

CSS:

Code:

#shop li {    display: -moz-inline-box;    display: inline-block; } #shop li {    _display: inline; } #shop li input {    display: -moz-inline-block !important;    border: 1px solid #AAA;    font-family: Tahoma, Arial, Helvetica, sans-serif;    font-size: 1em;    color: #626262;    background-color: white;    padding: 0 2px;    width: 20px;    margin: 0;    height: auto;    font-weight: normal; }

ovaj kupus u #shop li input zanemari ... to su neki pokusaji u ocaju ... rezultat isti ...

[sinke]

Možda se neki neće složiti samnom, ali mislim da su ti te unordered liste krivi izbor. Semantički gledano. Nisi doveo u relaciju podatke sa njihovim opisom/naslovom. Ispravnije bi bilo staviti to u tablicu ili možda u definition listu.

[Sulien]

radiš tablicu, a gdje je TABLE? ja tu vidim neke liste ...

INPUT elementu daj mali 'size' i eto... ili mu daj širinu 50% ili slično

edit: mastersinke je brži!

[maratz]

da, ovo bi išlo u tablicu : )

osobno volim dati svakom input elementu neki className po tipu tak da ga onda mogu lakše dohvatiti

inače, kad bi ovo ipak bila lista, onda bi CSS izgledao otprilike:

Code:

ul { float: left; clear: both; width: 800px; } li { float: left; width: 200px; } li input { width: 40px; } /* ili kolko već */

[nme]

bilo je 5 ujutro i ptice su mi pocele govoriti da koristim liste ... znam da ih nisam smio slusati ali glasovi su bili preglasni ... nakon sto sam kod mehanicara ubio oko sat vremena glasovi su nestali i sjetio se par boljih nacina da to rjesim ...

tnx a lot guys na vremenu i pomoci..