ugrás a tartalomhoz

CSS avagy a deviáns legördülő menü

NetBandita · 2007. Jún. 12. (K), 01.39
Sziasztok!

Éppen egy honlapkészítésbe fogtam, s szeretnék egy horizontális legördülő menüt. Ezzel még nincs is semmi gond, találtam az interneten egy megoldást erre. A probléma ott kezdődik, hogy a header és content között "lebeg a lap felett", így ha a contentet akarom eltávolítani, akkor a headerhöz képest méri a távolságot, s nem a menühöz. Az FF-be beépülő kiegészítés, a Firebug segítségével jöttem rá erre, illetve arra, hogy mi lehet a hiba, de a megoldásához én még nagyon kezdő vagyok. Itt van egy részlet a fent belinkelt oldalról:
#menu li {
        position: relative;
        float: left;
        width: 60px;
}
Ha a floatot kiiktatom, akkor minden OK, leszámítva, hogy elveszik a lényeg: maga a vizszintesen legördülő menü. Meg lehetne oldalni JavaScripttel is, tudom, de az sem az erősségem, illetve ha lehet valahogy kezelni ezt a problémát CSS-sel, szívesebben használnám azt fel. Tudnátok segíteni?

Köszönettel

NetBandita
 
1

Balra, stb.

janoszen · 2007. Jún. 12. (K), 08.11
Hja pont nem a lényeges kódrészletet tetted be, de mindegy. A :hover szelektor fogja neked megcsinálni azt, hogy az almenü megjelenjen, ergo a
#menu ul li:hover ul { display:block; }
kinézetű rész érdekelne.

Mi lenne, ha kitennéd az egészet a netre, hogy meg lehessen nézni?
2

A honlap alfa verziója :)

NetBandita · 2007. Jún. 12. (K), 08.19
Rendben, kiteszem. http://artisius.extra.hu
3

Firefox alatt ok

janoszen · 2007. Jún. 12. (K), 08.36
Hja, ez bizony Firefox alatt oké, IE-m meg per pillanat nincs megbízhatóan kéznél, mert Linux alatt vagyok. Valaki ránéz a kollega lapjára IE-vel?

Szerk: jut eszembe, IE6-nak kell egy olyan nevű dolog, hogy whatever:hover. Keress rá.
4

Valami hiányzik

HSLaszlo · 2007. Jún. 12. (K), 09.04
Az eredeti leckében, amit belinkeltél, van némi IE hack, azt építsd be, és megy IE alatt is.
Csak egy tanács, ha elfogadod: ha a css fájlod ilyen kicsi, akkor egyben könnyebb átlátni, kezelni, mint három külön fájlt, de ez csak az én véleményem.
6

HSLászlónak

NetBandita · 2007. Jún. 12. (K), 09.12
Azért van külön CSS fájlban, mert ha a későbbiekben is szeretnék honlapot gyártani és nincs szükségem mindenre a CSS fájlból, akkor ne kelljen copy-paste-elnem, hanem a szükséges részletre megírom a hivatkozást. Kényelmes, praktikus. :)
5

Uhh...

NetBandita · 2007. Jún. 12. (K), 09.09
Köszi, hogy felhívtad rá a figyelmem. IE alatt nem működött, noha volt .htc fájlom csak ez hiányzott:
body {
	behavior: url("CSS/csshover.htc")
}
.
És igen, azt szeretném megoldani FF alatt is, ahogy kinéz IE6-ban. Hogy benne legyen a div-ben a menü, ne felette lebegjen.
7

Height

NetBandita · 2007. Jún. 12. (K), 11.02
Kicsit csalásnak érzem, de a height beállításával meg lehet oldani a problémát. Köszi az eddigieket!