Vorheriges Thema anzeigen :: Nächstes Thema anzeigen |
Autor |
Nachricht |
Deifi.hes Newcomer
Angemeldet: 05.09.2006 Beiträge: 8
|
Verfasst am: 06.03.2008, 17:48 Titel:
CSS - erledigt! |
|
|
|
|
Nabend allerseits ich hab mal ne frage, also ich mach grad ein css menü und hab einfach kein plan warum das <ul> bzw das <li> tag nicht das tut was ich will
HTML
Code: | <link rel="stylesheet" type="text/css" href="csspage2gen.css" />
<ul id='menu'>
<li ><a class='current' href='http://asd.php' >Home</a></li>
<ul>
<li>Testeshalber</li>
<li>Testeshalber</li>
<li>Testeshalber</li>
</ul>
<li ><a href='http://asd.php' >coming</a></li>
<ul>
<li>Testeshalber</li>
<li>Testeshalber</li>
<li>Testeshalber</li>
</ul>
<li ><a href='http://asd.php' >Queen</a></li>
<ul>
<li>Testeshalber</li>
<li>Testeshalber</li>
<li>Testeshalber</li>
</ul>
</ul>
|
CSS
Code: | /* CSS Document */
ul#menu
{
width: 100%;
height: 43px;
background: #FFF url("images/menu-bg.gif") top left repeat-x;
font-size: 0.8em;
font-family: "Lucida Grande", Verdana, sans-serif;
font-weight: bold;
list-style-type: none;
margin: 0;
padding: 0;
}
ul#menu li
{
display: block;
float: left;
margin: 0 0 0 5px;
}
ul#menu li a
{
height: 43px;
color: #777;
text-decoration: none;
display: block;
float: left;
line-height: 200%;
padding: 8px 15px 0;
}
ul#menu li a:hover
{
color: #333;
}
ul#menu li a.current
{
color: #FFF;
background: #FFF url("images/current-bg.gif") top left repeat-x;
padding: 5px 15px 0;
}
ul#menu li ul li
{
color:#FF0000;
} |
warum wird <li> Testeshalber </li> nicht rot dargestellt?
danke für jede antwort und hilfe
Zuletzt bearbeitet von Deifi.hes am 06.03.2008, 23:17, insgesamt einmal bearbeitet |
|
Nach oben |
|
|
ShortY Mitglied
Angemeldet: 04.06.2004 Beiträge: 556 Wohnort: Herdorf Interessen: Glaube, MTB, klettern, Musik(hören und machen), Computer
|
Verfasst am: 06.03.2008, 18:04 Titel:
|
|
|
|
|
âls allererstes mal darf in einem ul nicht noch ein ul stehen... du müsstest die innere Liste in ein Listenelement - also li - der obersten Liste packen.
bei so problemen hilft enorm der w3c validator... der hätte des direkt angemeckert.
Das sollte auch Dein Problem beheben... |
|
Nach oben |
|
|
deLiTe. Mitglied
Angemeldet: 16.09.2006 Beiträge: 504 Wohnort: Freiburg Interessen: Eye-Candy
|
Verfasst am: 06.03.2008, 21:20 Titel:
|
|
|
|
|
Hehe im Grunde habt ihr beide recht
Shorty, es stimmt, laut W3C Spezifikation müsste er eigentlich das ul nochmal in ein li schreiben, das sähe dann so aus:
Code: | <ul id='menu'>
<li><a class='current' href='http://asd.php' >Home</a></li>
<li>
<ul>
<li>Testeshalber</li>
<li>Testeshalber</li>
<li>Testeshalber</li>
</ul>
</li>
</ul> |
So funktioniert dann aber auch der CSS Code den Deifi.hes bereits von Anfang an drin hatte. Dort wird nämlich ul#menu li ul li selektiert, vorhanden war bisher aber nur ul#menu ul li
Du musst also deinen HTML Code ändern wie ichs geschrieben habe (und am besten den Threadtitel gleich mit ) |
|
Nach oben |
|
|
Deifi.hes Newcomer
Angemeldet: 05.09.2006 Beiträge: 8
|
Verfasst am: 06.03.2008, 23:16 Titel:
|
|
|
|
|
omg da merkt man das ich noch einiges zu lernen hab was css angeht danke für die hilfe |
|
Nach oben |
|
|
ShortY Mitglied
Angemeldet: 04.06.2004 Beiträge: 556 Wohnort: Herdorf Interessen: Glaube, MTB, klettern, Musik(hören und machen), Computer
|
Verfasst am: 07.03.2008, 09:01 Titel:
|
|
|
|
|
hm delite, ich versteh jetzt nich direkt den Unterschied zwischen Deinem und meinem Ansatz... so, wie ich das sehe, has Du ja auch einfach nur ein li um des innere ul gemacht und am css code nix geändert... selbiges hab ich doch auch gesagt.
sieh mir bitte nach, wenn ich was banales übersehn hab, is noch früh am Morgen |
|
Nach oben |
|
|
Impi Mitglied
Angemeldet: 06.05.2006 Beiträge: 530
|
Verfasst am: 07.03.2008, 15:59 Titel:
|
|
|
|
|
Deifi.hes hat folgendes geschrieben: | omg da merkt man das ich noch einiges zu lernen hab was css angeht danke für die hilfe |
Hat eher was mit grundlegenden HTML Kenntnissen zu tuen ... |
|
Nach oben |
|
|
deLiTe. Mitglied
Angemeldet: 16.09.2006 Beiträge: 504 Wohnort: Freiburg Interessen: Eye-Candy
|
Verfasst am: 08.03.2008, 04:07 Titel:
|
|
|
|
|
@ shorty
ich hab doch geschrieben ihr habt eigentlich beide Recht. Einen eigenen Vorschlag hab ich gar nicht präsentiert |
|
Nach oben |
|
|
ShortY Mitglied
Angemeldet: 04.06.2004 Beiträge: 556 Wohnort: Herdorf Interessen: Glaube, MTB, klettern, Musik(hören und machen), Computer
|
Verfasst am: 08.03.2008, 15:27 Titel:
|
|
|
|
|
oki =) war mir alles am frühen Morgen zuviel auf einmal |
|
Nach oben |
|
|
deLiTe. Mitglied
Angemeldet: 16.09.2006 Beiträge: 504 Wohnort: Freiburg Interessen: Eye-Candy
|
Verfasst am: 08.03.2008, 19:14 Titel:
|
|
|
|
|
Pah, und ich soll dir dann um 4 Uhr in der Nacht drauf antworten |
|
Nach oben |
|
|
vercci Mitglied
Angemeldet: 10.04.2019 Beiträge: 436162
|
|
Nach oben |
|
|
vercci Mitglied
Angemeldet: 10.04.2019 Beiträge: 436162
|
|
Nach oben |
|
|
vercci Mitglied
Angemeldet: 10.04.2019 Beiträge: 436162
|
|
Nach oben |
|
|
vercci Mitglied
Angemeldet: 10.04.2019 Beiträge: 436162
|
|
Nach oben |
|
|
|