Forenindex » Web allgemein » HTML und CSS / Stylesheets » validator - <a><li>irgendwas</li></a>

validator -
  • irgendwas
  • vollueli
    Beiträge gesamt: 785

    18. Okt 2005, 12:58
    Bewertung:

    gelesen: 1691

    Beitrag als Lesezeichen
    hallo
    der validator meldet mir bei folgendem code:
    Code
    <li>Kontakt  
    <ul>
    <a href="index.php?lang=de&amp;id=kontaktformular"
    title="Kontaktformular">
    <li>Kontaktformular</li>
    </a>
    <a href="index.php?lang=de&amp;id=impressum"
    title="Impressum">
    <li>Impressum</li>
    </a>
    </ul>


    dass der <li> tag im <a> tag nicht erlaubt sei.
    wie muss ich es anstellen, dass der ganze li tag in einem link ist?

    gebraucht wird es für eine navigation.

    Gruss

    chekk -> The Doodes

    validator -
  • irgendwas
  • SabineP
    Beiträge gesamt: 7586

    18. Okt 2005, 13:11
    Bewertung:

    gelesen: 1690

    Beitrag als Lesezeichen
    Hallo vollueli,

    so:
    Code
    <ul> 
    <li><a href="index.php?lang=de&amp;id=kontaktformular" title="Kontaktformular">Kontaktformular</a></li>
    <li><a href="index.php?lang=de&amp;id=impressum" title="Impressum">Impressum</a></li>
    </ul>


    Gruß Sabine

    validator -
  • irgendwas
  • vollueli
    Beiträge gesamt: 785

    18. Okt 2005, 13:30
    Bewertung:

    gelesen: 1687

    Beitrag als Lesezeichen
    hallo

    so habe ich das problem, dass nur der text als link angezeigt ist.

    ich habe den <li> tag als block dargestellt. (display:block;)

    nun möchte ich, dass der ganze block ein link ist.
    firefox interpretiert den vorher geposteten code schon richtig, aber der validator meldet ihn als falsch.

    Gruss

    chekk -> The Doodes

    validator -
  • irgendwas
  • SabineP
    Beiträge gesamt: 7586

    18. Okt 2005, 13:49
    Bewertung:

    gelesen: 1686

    Beitrag als Lesezeichen
    Wenn der Punkt mit verlinkt sein soll,
    dann darfst Du keine Liste verwenden sondern ein Sonderzeichen,
    zum Beispiel wird &#8226; zu einem Punkt.

    Wenn <li> innerhalb von <a> steht wird der Vaidator auf jeden Fall wieder meckern.

    Gruß Sabine

    validator -
  • irgendwas
  • Pozor
    Beiträge gesamt: 892

    18. Okt 2005, 22:43
    Bewertung:

    gelesen: 1675

    Beitrag als Lesezeichen
    Hallo,
    Du kannst den Link als block darstellen, wenn du noch eine fixe breite kennst
    ist es auch für den IE kein Problem. (display:block; width:100px)

    Ich habe dies schon vielfach so eingesetzt.


    Gruss Stefan


    "KISS - KEEP IT SIMPLE, STUPID"
    PHP Documentation Download

    validator -
  • irgendwas
  • r a c
    Beiträge gesamt: 955

    7. Nov 2005, 15:17
    Bewertung:

    gelesen: 1627

    Beitrag als Lesezeichen
    Hallo vollueli,

    Das Problem:
    innerhalb von <a> darf kein Blockelement sein. Guckst du http://de.selfhtml.org/...erenz/elemente.htm#a

    Lösung:
    1. Du setzt <a> innerhalb von <li>, wie Sabine oben schon vorgeschlagen hat.
    2. Du machst die Standart-Listenpunkte (die keine Links sein können) weg. style="list-style-type:none" da kannst du auch an der Einrückung herumschrauben. http://de.selfhtml.org/....htm#list_style_type
    3. Dann machst einen neuen "Inline"-Punkt. Z.B. &bull; etc.
    Möglich ist auch eine Grafik als Hintergrund über CSS einzubinden.

    Und noch
    Zitat ich habe den <li> tag als block dargestellt. (display:block;)

    <li> ist schon von Hause aus ein Blockelement, daher ja das Validations-Problem.

    Eine Liste ist die schönste aller Navigations-Lösungen. Smile


    Grüsse r a c

    (Dieser Beitrag wurde von r a c am 7. Nov 2005, 15:19 geändert)