DevProTalk

Forumi IT profesionalaca
web development, web design, e-business, SEO


Idite nazad   DevProTalk > Web development i web aplikacije > (X)HTML, JavaScript, DHTML, XML, CSS
Želite da se reklamirate ekskluzivno na ovoj poziciji? Javite se

(X)HTML, JavaScript, DHTML, XML, CSS Client scripting tehnologije, Dynamic HTML, Cascading Stylesheets, XML i standardi

Odgovori
 
Alati teme Način prikaza
Staro 21. 01. 2008.   #1
ivanhoe
Ivan Dilber
Sir Write-a-Lot
 
Avatar ivanhoe
 
Datum učlanjenja: 18.10.2005
Lokacija: Bgd
Poruke: 5.320
Hvala: 104
2.344 "Hvala" u 583 poruka
ivanhoe je ime poznato svimaivanhoe je ime poznato svimaivanhoe je ime poznato svimaivanhoe je ime poznato svimaivanhoe je ime poznato svimaivanhoe je ime poznato svimaivanhoe je ime poznato svimaivanhoe je ime poznato svimaivanhoe je ime poznato svimaivanhoe je ime poznato svimaivanhoe je ime poznato svima
Pošaljite poruku preko Skype™ za ivanhoe
Default 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 ???

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?
__________________
Leadership is the art of getting people to want to do what you know must be done.
ivanhoe je offline   Odgovorite uz citat
Staro 21. 01. 2008.   #2
noviKorisnik
Dejan Katašić
Wrote a book
 
Avatar noviKorisnik
 
Datum učlanjenja: 10.06.2005
Lokacija: Novi Sad
Poruke: 1.017
Hvala: 129
86 "Hvala" u 43 poruka
noviKorisnik će postati "faca" uskoro
Default

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 :-)
noviKorisnik je offline   Odgovorite uz citat
Staro 03. 02. 2008.   #3
darche
becar paprikash
Na probnom radu
 
Avatar darche
 
Datum učlanjenja: 08.12.2006
Lokacija: Cirih
Poruke: 44
Hvala: 0
3 "Hvala" u 3 poruka
darche is on a distinguished road
Default Pozdrav Ivane

btw. Zar netreba svaki "floatovani" element da ima unesenu sirinu! Inache pizdi!..
barem ja mislim da je tako!
darche je offline   Odgovorite uz citat
Staro 03. 02. 2008.   #4
ivanhoe
Ivan Dilber
Sir Write-a-Lot
 
Avatar ivanhoe
 
Datum učlanjenja: 18.10.2005
Lokacija: Bgd
Poruke: 5.320
Hvala: 104
2.344 "Hvala" u 583 poruka
ivanhoe je ime poznato svimaivanhoe je ime poznato svimaivanhoe je ime poznato svimaivanhoe je ime poznato svimaivanhoe je ime poznato svimaivanhoe je ime poznato svimaivanhoe je ime poznato svimaivanhoe je ime poznato svimaivanhoe je ime poznato svimaivanhoe je ime poznato svimaivanhoe je ime poznato svima
Pošaljite poruku preko Skype™ za ivanhoe
Default

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.
__________________
Leadership is the art of getting people to want to do what you know must be done.
ivanhoe je offline   Odgovorite uz citat
Staro 03. 02. 2008.   #5
dee
Domagoj Horvat
Expert
 
Avatar dee
 
Datum učlanjenja: 24.07.2006
Lokacija: Zagreb
Poruke: 502
Hvala: 22
10 "Hvala" u 8 poruka
dee is on a distinguished road
Pošaljite ICQ poruku za dee
Default

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.
__________________
postoje ludosti bez kojih je nemoguce ljudsko dostojanstvo
dee je offline   Odgovorite uz citat
Staro 03. 02. 2008.   #6
darche
becar paprikash
Na probnom radu
 
Avatar darche
 
Datum učlanjenja: 08.12.2006
Lokacija: Cirih
Poruke: 44
Hvala: 0
3 "Hvala" u 3 poruka
darche is on a distinguished road
Default

Citat:
Originalno napisao dee Pogledajte poruku
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!
darche je offline   Odgovorite uz citat
Odgovori



Pravila pisanja
Možete ne započinjati nove teme
Možete ne slati odgovore
Možete ne slati priloge
Možete ne izmeniti svoje poruke
vB kôd je Uključen
Smajliji su Uključen
[IMG] kod je Uključen
HTML kôd je Isključen
Pogledajte forum

Slične teme
Tema Početna poruka teme Forum Odgovori Poslednja poruka
Cishcenje email liste kalkulus Marketing i SEO 0 30. 07. 2010. 13:53
Forumi i mailing liste nn.nn Opušteno 0 17. 01. 2009. 17:13
Top liste sajtova Marko Medojevic Sva početnička pitanja 0 25. 10. 2007. 18:59
sta su zapravo mail liste dee PHP 4 01. 09. 2006. 12:12


Vreme je GMT +2. Trenutno vreme je 00:51.


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.