View previous topic :: View next topic |
Author |
Message |
nme
Joined: 17 Sep 2003 Posts: 53 Location: Zagreb - Rijeka
|
Posted: 24.07.2006 14:50 Post subject: -moz-inline-box problem |
|
|
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? |
|
|
Back to top |
|
|
maratz mi3.crew
Joined: 24 Nov 2003 Posts: 1207 Location: ZAG
|
|
Back to top |
|
|
nme
Joined: 17 Sep 2003 Posts: 53 Location: Zagreb - Rijeka
|
Posted: 24.07.2006 14:59 Post subject: |
|
|
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 ... |
|
|
Back to top |
|
|
maratz mi3.crew
Joined: 24 Nov 2003 Posts: 1207 Location: ZAG
|
|
Back to top |
|
|
nme
Joined: 17 Sep 2003 Posts: 53 Location: Zagreb - Rijeka
|
Posted: 24.07.2006 15:05 Post subject: |
|
|
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) |
|
|
Back to top |
|
|
nme
Joined: 17 Sep 2003 Posts: 53 Location: Zagreb - Rijeka
|
Posted: 24.07.2006 18:32 Post subject: |
|
|
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 ... |
|
|
Back to top |
|
|
sinke
Joined: 02 Oct 2005 Posts: 257 Location: Zagreb
|
Posted: 24.07.2006 20:18 Post subject: |
|
|
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. |
_________________ THE SHTANZIG | Web Do's & Don'ts |
|
Back to top |
|
|
Sulien
Joined: 04 Jan 2004 Posts: 2905 Location: Zagreb
|
Posted: 24.07.2006 20:18 Post subject: |
|
|
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! |
|
|
Back to top |
|
|
maratz mi3.crew
Joined: 24 Nov 2003 Posts: 1207 Location: ZAG
|
Posted: 24.07.2006 21:50 Post subject: |
|
|
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ć */ |
|
_________________ STOP HITTING YOURSELF! | NETIQUETTE | TYPETESTER | Hypertext rulez™ | CREATIVE NIGHTS | ACCOMMODATIONS |
|
Back to top |
|
|
nme
Joined: 17 Sep 2003 Posts: 53 Location: Zagreb - Rijeka
|
Posted: 24.07.2006 23:11 Post subject: |
|
|
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.. |
|
|
Back to top |
|
|
|