Zum Inhalt springen

DIV Tag übernimmt id nicht

Erstellt am 20. Mai 2007 · 3 Antworten · letzte Antwort am 20. Mai 2007

Tags: HTML & CSS, Frage

alkativo ·

Hallo zusammen,

ich habe ein Menu mit CSS durchgestylt das soll so ausgegeben werden

<ul id="nav-left">
<li><div id="navbreite"><div id="navcontent"><a href="29.html" onfocus="blurLink(this);" class="akt">Home</a></div></div>
<ul>
<li><div id="navbreitesub"><div id="navcontentsub"><a href="31.html" onfocus="blurLink(this);" class="akt">&Uuml;ber uns</a></div></div></li>
<li><div id="navbreitesub"><div id="navcontentsub"><a href="30.html" title="Geschichte" onfocus="blurLink(this);">Geschichte</a></div></div></li>
</ul>
</li>
<li><div id="navbreite"><div id="navcontent"><a href="28.html" title="Shop" onfocus="blurLink(this);">Shop</a></div></div></li>
<li><div id="navbreite"><div id="navcontent"><a href="27.html" title="Kontakt AGB`s" onfocus="blurLink(this);">Kontakt AGB`s</a></div></div></li>
</ul>

Dafür habe ich folgendes ins Setup geschrieben

1 = TMENU
1 {
expAll = 0
wrap = <ul id="nav-left">|</ul>
NO.wrapItemAndSub = <li><div id="navbreite"><div id="navcontent">|</div></div></li>
NO.ATagTitle.field = title
ACT = 1
ACT.wrapItemAndSub = <li><div id="navbreite"><div id="navcontent">|</div></div></li>
ACT.ATagParams=class="akt"
CUR < .ACT
}
2 < .1
2 {
wrap = <ul>|</ul>
NO.wrapItemAndSub = <li><div id="navbreite"><div id="navcontentsub">|</div></div></li>
ACT.wrapItemAndSub = <li><div id="navbreite"><div id="navcontentsub">|</div></div></li>
}

Aber Typo gibt mir das zurück

<ul id="nav-left">
<li>
<div id="div">
<div id="div2"><a href="29.html" onfocus="blurLink(this);" class="akt">Home</a>
<ul>
<li>
<div id="div">
<div id="div3"><a href="31.html" title="&Uuml;ber uns" onfocus="blurLink(this);">&Uuml;ber uns</a></div>
</div>
</li>
<li>
<div id="div">
<div id="div3"><a href="30.html" title="Geschichte" onfocus="blurLink(this);">Geschichte</a></div>
</div>
</li>
</ul>
</div>
</div>
</li>
<li>
<div id="div">
<div id="div2"><a href="28.html" title="Shop" onfocus="blurLink(this);">Shop</a></div>
</div>
</li>
<li>
<div id="div">
<div id="div2"><a href="27.html" title="Kontakt AGB`s" onfocus="blurLink(this);">Kontakt AGB`s</a></div>
</div>
</li>
</ul>

Da frage ich mich warum es nicht meine IDs nimmt sondern mit div und div2 anfängt.

Bis dann
Al

mgiesen ·

lässt du deinen Code als xhtml parsen?
eigentlich gehört in ein LI-Element kein DIV,
LI ist ein inline element, DIV ein block element.
Blocks gehören nicht in inline Elemente.
Besteht die Möglichkeit den CSS umzubauen?

Oh, ausserdem fällt mir gerade ein, dass du wenn überhaupt classes vergeben solltest. EINE ID KENNZEICHNET IMMER NUR EIN EINZIGES ELEMENT.
Das ist wichtig, darauf solltest du achten und vorher dein HTML durch den Validator jagen
http://validator.w3.org

alkativo ·

Hallo,

jedenfalls läßt es sich so im Firefox und im IE darstellen. Es ist eine Lösung. Vielleicht kann ich es auch als class und nicht als ID kennzeichnen.

Bis dann
Al