Tutorial HTML, CSS u. PHP - Forum

von **Peter1978** » Montag 4. Juli 2011, 22:22

folgendes:

menü mit zweiter ebene

zweites menü mit "absolute" positioniert - erstes mit "relative"

jetzt bleibt der platz des "li" in dem die zweite menü ebene ist
wenn ich "list-style" none setze nehmen alle UA ausser ie7 die höhe weg und der folgende punkt kann aufschliessen

um mein nächtliches wirren verständlicher zu machen hier noch bilder ^^

: Bild 3.png (12.59 KiB) 229-mal betrachtet

: Bild 2.png (11.7 KiB) 229-mal betrachtet

und das letzte sieht doch schon super aus
nur der liebe ie7

oder möchte jemand sagen, dass das zweite menü nicht in ein list item des ersten gehört?
dann ist das cms wohl eher..

^^

vll habt ihr ja eine idee

gn8 noch und guten schlaf
gruß

EDIT

noch ein passender code

HTML:

Code: Alles auswählen: <ul class="mainNav1" id="mainNav1"> <li id="cc-nav-view-965999510"> <a class="level_1" href="/app/s0d33166ecb82edb0/p33de1be2fe03af96/">Startseite</a> </li> <li id="cc-nav-view-965999610"> <a class="level_1" href="/app/s0d33166ecb82edb0/pe88ffd684e2c9c9b/">Über mich</a> </li> <li id="cc-nav-view-965999710"> <a class="level_1" href="/app/s0d33166ecb82edb0/p27bcc2a09229ef31/">Galerie</a> </li> <li id="cc-nav-view-966000110"> <a class="current level_1" href="/app/s0d33166ecb82edb0/p9d1f6cdce08ce814/">Kontakt</a> </li> <li> <ul class="mainNav2" id="mainNav2"> <li id="cc-nav-view-971132910"> <a class="level_2" href="/app/s0d33166ecb82edb0/pe32c92c2764edf1f/">Anfahrt</a> </li> <li id="cc-nav-view-971133210"> <a class="level_2" href="/app/s0d33166ecb82edb0/paf147b354aa04b8f/">Impressum</a> </li> </ul> </li> <li id="cc-nav-view-971136410"> <a class="level_1" href="/app/s0d33166ecb82edb0/p94b479475b1407d9/">Neue Seite_1</a> </li> </ul>

CSS:

Code: Alles auswählen: div#navigation ul.mainNav1 { position: relative; background: #CCCCCC; width: 120px; margin-left: 20px; padding: 0 20px; list-style: disc; } div#navigation ul.mainNav1 li { } ul.mainNav1 ul.mainNav2 { background: transparent; position: absolute; top: 0; left: 150px; width: 170px; } ul.mainNav1 ul li { font-size: 10px; display: inline; margin: 0; padding: 5; }

von **Nikita** » Donnerstag 7. Juli 2011, 10:42

wieso vergibst du soviele id´s und classen?
die 2. ebene gehört schon in die erste, das is richtig.Möchtest du dass die 2. ebene aufklappt oder soll sie immer angezeigt werden?
ich bin leider grad etwas zu faul nach deinem fehler zu suchen daher post ich dir einfach mal ein Menüe von mir vill findest DU so den fehler oder überdenkst nocheinmal deine struktur des Menüs.

Code: Alles auswählen: <html> <body> <link rel="stylesheet" type="text/css" href="vertikal_aufklappbar.css"> <ul id="NaviVertikal"> <li><a href="?">punkt1</a></li> <li><a href="?">punkt2</a></li> <li><a href="?">punkt3</a></li> <li> <a href="?">punkt4</a> <ul> <li><a href="?">punkt4.1</a></li> <li><a href="?">punkt4.2</a></li> <li><a href="?">punkt4.3</a></li> <li><a href="?">punkt4.4</a></li> </ul> </li> <li><a href="?">punkt5</a></li> <li> <a href="?">punkt6</a> <ul> <li><a href="?">punkt6.1</a></li> <li><a href="?">punkt6.2</a></li> <li><a href="?">punkt6.3</a></li> <li> <a href="?">punkt6.4</a> <ul> <li><a href="?">punkt6.1.1</a></li> <li><a href="?">punkt6.1.2</a></li> <li><a href="?">punkt6.1.3</a></li> <li><a href="?">punkt6.1.4</a></li> </ul> </li> </ul> </li> <li><a href="?">punkt7</a></li> <li> <a href="?">punkt8</a> <ul> <li><a href="?">punkt8.1</a></li> <li><a href="?">punkt8.2</a></li> <li> <a href="?">punkt8.3</a> <ul> <li><a href="?">punkt8.1.1</a></li> <li><a href="?">punkt8.1.2</a></li> <li><a href="?">punkt8.1.3</a></li> <li><a href="?">punkt8.1.4</a></li> </ul> </li> <li><a href="?">punkt8.4</a></li> </ul> </li> </ul> </body> </html>

Code: Alles auswählen: body {margin:0;} * {margin:0; padding:0;} #NaviVertikal ul{margin:5px 0 10px 0; list-style-type:none;} ul li { display: block; margin:5px 20px; list-style-type:none; } ul li a{} ul li span{} ul li ul {display:none;} ul li:hover ul {display:inline; margin: 5px;} ul li ul li { margin: 5px 0 0 10px;} ul li ul li ul {} ul li ul li ul li {display:none;} ul li ul li:hover ul li{display:list-item; margin:5px 0 0 10px;}

vill hilft es dir weiter, vill auch nicht^^
wenn du fragen dazu hast, frag einfach^^

von **Sarkkan** » Donnerstag 7. Juli 2011, 11:35

@Nikita: Wieso verwendest du so viele span?? O.o
Eine Navigation braucht nur folgende Elemente um ordentlich durchgestylt zu werden: <ul>, <li> und <a>.
Außerdem reicht eine id für das <ul> und eine class bei dem "gehiteten" <li>.

@Peter:
Der Code den du gepostet hast, passt nicht zu deiner Aussage: "oder möchte jemand sagen, dass das zweite menü nicht in ein list item des ersten gehört?"
In deinem Code bekommt die Unterliste ihr eigenes <li> :wink:

Es gehört aber einfach mit in das <li> zu dem es gehört

von **Peter1978** » Freitag 8. Juli 2011, 06:31

@nikita

wieso vergibst du soviele id´s und classen?

macht das cms - jimdo ^^

-----------------------------------------

@sören

sören hat geschrieben:In deinem Code bekommt die Unterliste ihr eigenes <li>
Es gehört aber einfach mit in das <li> zu dem es gehört

peter1978 hat geschrieben:oder möchte jemand sagen, dass das zweite menü nicht in ein list item des ersten gehört?

list item ist doch <li> oder ?

also anders ausgedrückt = "...zweite menu nicht in ein <li> des ersten menüs...." ^^

FAZIT:
der Fehler im ie7 kommt daher, dass das untermenü ein eigenes <li> vom cms zugewiesen bekommt und nicht im <li> des dazugehörigen punktes ausgezeichnet wird ?

äh .. und auch mal ein danke für die gedanken ^^

gruß

von **Sören** » Freitag 8. Juli 2011, 10:25

Daran liegt das wohl.
Du kannst die Art, wie Untermenüs ins Menü eingebunden werden nicht ändern, oder?

PS:

Peter1978 hat geschrieben:@sören

sören hat geschrieben:In deinem Code bekommt die Unterliste ihr eigenes <li>
Es gehört aber einfach mit in das <li> zu dem es gehört

Das hab nicht ich, sondern Sarkkan geschrieben :wink:

von **Peter1978** » Freitag 8. Juli 2011, 16:55

sören hat geschrieben:Das hab nicht ich, sondern Sarkkan geschrieben

uuuuups -> sry ;)

Tutorial HTML, CSS u. PHP - Forum

list item height bei ie7 verschwindet nicht

list item height bei ie7 verschwindet nicht

Re: list item height bei ie7 verschwindet nicht

Re: list item height bei ie7 verschwindet nicht

Re: list item height bei ie7 verschwindet nicht

Re: list item height bei ie7 verschwindet nicht

Re: list item height bei ie7 verschwindet nicht

Wer ist online?