| ivanhoe |
21. 01. 2008. 05:41 |
liste i CSS - yet another strange thing
imam klasican komad CSS-a za pravljenje horizontalnog menija od UL liste:
Citat:
#top ul {
float: right;
margin-right:25px;
list-style-type: none;
}
#top ul li {
display:inline; /* fix IE */
float: right;
}
#top ul li a {
display: block;
float: right;
}
|
ovo iz nekog razloga ne radi. Isti taj css, ali kad su svi floatovi left radi perfektno ?
E sad, provalio sam ja da treba samo UL da floatujem desno, a da LI i A ostavim da budu float:left, i onda je sve ok... but why ??? :1014:
Ovo se isto desava i u FF i u IE, identicno ga renderuju, znaci da nije bug, nego valjda ima neko razumno objasnjenje zasnovano na specifikaciji... samo koje? |
| noviKorisnik |
21. 01. 2008. 10:29 |
Možeš da dodaš ...
Kôd:
#top ul li {
width: 100px;
}
... pa će da radi i tvoje gorenavedeno. Ako ti ne odgovara fiksna širina, hm, nađi nešto drugo... Kad staviš desno plutanje na stavke liste, čitaš ih u rtl smeru, simpatično zbunjujuće :-) |
| darche |
03. 02. 2008. 00:52 |
Pozdrav Ivane
btw. Zar netreba svaki "floatovani" element da ima unesenu sirinu! Inache pizdi!..
barem ja mislim da je tako!
|
| ivanhoe |
03. 02. 2008. 01:34 |
nije obavezna sirina, kad pravis meni ne zelis (obicno) da svi "dugmici" budu iste sirine. Radice sve lepo bez fixne sirine sve dok je stavljeno da LI i A budu float:left.
Ono sto sam ja pitao i sto me zbunjuje je zasto se ne renderuju lepo kad su float:right.
|
Citat:
#top>ul {
float: right;
margin-right:25px;
list-style-type: none;
}
#top ul li {
/*display:inline; fix IE */
float: right;
text-align:right;
}
#top ul li a {
display: block;
}
|
koliko vidim, problem je u float:right; <a> elementa. nisam siguran da je sto posto tocno, ali logicno objasnjenje mi je otprilike ovakvo:
float elementi moraju imati width jer browser mora znati gdje pocinje sadrzaj oko floata. u slucaju kad ti je na LI postavljen float right, a bez duzine, a unutar njega i <a> sa float:right, tada <a> ne zna gdje je desni rub LI elementa i protegne se do kraja UL-a. logicno, slijedeci ce u slijedeci red. rjesenje ti je ili staviti width na LI (sto nije najsretnije za menu) ili ovako kao gore: maknuti float sa <a> i staviti text-align:right na LI element. |
| darche |
03. 02. 2008. 12:45 |
Citat:
Originalno napisao dee
(Napišite 50581)
koliko vidim, problem je u float:right; <a> elementa. nisam siguran da je sto posto tocno, ali logicno objasnjenje mi je otprilike ovakvo:
float elementi moraju imati width jer browser mora znati gdje pocinje sadrzaj oko floata. u slucaju kad ti je na LI postavljen float right, a bez duzine, a unutar njega i <a> sa float:right, tada <a> ne zna gdje je desni rub LI elementa i protegne se do kraja UL-a. logicno, slijedeci ce u slijedeci red. rjesenje ti je ili staviti width na LI (sto nije najsretnije za menu) ili ovako kao gore: maknuti float sa <a> i staviti text-align:right na LI element.
|
upravo sat hteo da to napisem - ali me refresh browsera osvestio... nemoras na <a> elemenat da stavljas "float" - pogodi ga coek! |
| Vreme je GMT +2. Trenutno vreme je 23:06. |
|
Powered by vBulletin® Verzija 3.6.8
Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.
Copyright © DevProTalk. All Rights Reserved.
Mišljenja, saveti, izjave, ponude ili druge informacije ili sadržaji nastali na Sajtu su vlasništvo onoga ko ih je kreirao, a ne DevProTalk.com, tako da ne morate da se oslanjate na njih.
Autori poruka su jedini odgovorni za ovakve sadržaje. DevProTalk.com ne garantuje tačnost, kompletnost ili upotrebnu vrednost informacija, stavova, saveta ili datih izjava. Ne postoje uslovi pod kojima bi mi bili odgovorni za štetu ili gubitak koji je posledica bilo čijeg oslanjanja na nepouzdane informacije, ili bilo kakve informacije nastale kroz komunikaciju između registrovanih članova.Web sajt može sadržavati linkove na druge web sajtove na Internetu ili neke druge sadržaje. Ne kontrolišemo niti podržavamo te druge web sajtove, niti smo pregledali bilo kakve sadržaje na takvim sajtovima. Mi nećemo biti odgovorni za legalnost, tačnost ili prikladnost bilo kog sadržaja, oglasa, proizvoda, usluga ili informacije lociranim na ili distribuiranih kroz druge web sajtove, niti za bilo kakvu štetu nastalu kao posledica takvih informacija. DevProTalk.com drži i čuva druga prava vlasništva na web sajtu. Web sajt sadrže materijale zaštićene copyright-om, zaštitne znakove i druge informacije o pravu vlasništva ili softver. Članovi mogu poslatu informacije zaštićene pravima vlasništva njihovih nosilaca i ona ostaju zaštićena bez obzira da li su oni koji prenose te informacije to naveli ili ne. Osim informacija koje su u javnom vlasništvu ili za koje dobijete dozvolu, nemate pravo da kopirate, modifikujete ili na bilo koji način menjate, objavljujete, prenosite, distribuirate, izvršavate, prikazujete ili prodajte bilo koju informaciju zaštićenu pravima vlasništva. Slanjem informacija ili sadržaja na bilo koji deo DevProTalk.com, Vi automatski dozvoljavate i predstavljate garanciju da imate pravo da dozvolite DevProTalk.com ili članovima DevProTalk.com bespovratnu, kontinualnu, neograničenu, globalnu dozvolu da koriste, kopiraju, izvršavaju, prikazuju i distribuiraju takve informacije i sadržaje i da iz takvih sadžaja koriste bilo koji deo u bilo koje svrhe, kao i pravo i dozvolu da koriste gore navedene sadržaje. Svi zaštitni znakovi (trademarks), logotipi, oznake usluga, firme ili imena proizvoda koji se pominju na ovom web sajtu su vlasništvo kojim raspolažu njihovi vlasnici.
