Valide Navigation (HTML5)?

24.07.2011, 16:39

Hallo,
ich habe momentan ein Problem, wie ich die Navigation valide gestalten kann. Hier mein Versuch:

PHP-Code:

  <ul>

                <a href="index.php">

                <li class="leftborder rightborder">

                Home

                </li>

                </a>

                <a href="produkt.php">

                <li class="rightborder">

                Produkt

                </li>

                </a>

                <a href="kontakt.php">

                <li class="rightborder">

                Kontakt

                </li>

                </a>

                <a href="anmeldung.php">

                <li class="rightborder">

                Registrierung

                </li>

                </a>

                <a href="kaufen.php">

                <li class="rightborder">

                Lizenz kaufen

                </li>

                </a>

                <a href="testaccount.php">

                <li class="rightborder">

                Testaccount

                </li>

                </a>

            </ul>

Der Fehler ist folgender:

Code:

Error Line 21, Column 24: Element a not allowed as child of element ul in this context. (Suppressing further errors from this subtree.)

Wisst ihr, wie ich den Fehler beheben könnte und was ich falsch mache? Ich hoffe, ihr könnt mir weiterhelfen. Danke schonmal.
MFG

Flor1an · 24.07.2011, 16:51

Die <a> Tags müssen innerhalb der <li> Tags liegen.

24.07.2011, 16:53

Ok. Nun habe ich das gemacht. Aber leider ist beim ersten Listenelement nicht das komplette Element verlinkt. Woran liegt das wohl? Ich habe display: block für den <a> Tag festgelegt.

Hier die Seite:
http://vision-sportal.de/Website/index.php

Flor1an · 24.07.2011, 17:12

Weil die <li> Elemente ein Padding haben, entsprechend ist das <a> Element nicht komplett über das <li> Element verteilt sondern hat nen Abstand.

nikosch · 24.07.2011, 21:31

ZUm tausendsten mal: Installier Dir Firebug und finde es gefälligst selbst heraus.

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Thema bewerten
Thema bewerten:

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
[Erledigt] Navigation kompatibel machen für IE7/8	prestige	HTML, Usability und Barrierefreiheit	5	01.05.2009 10:01
[Erledigt] Hierarchische Navigation	Dunkelord	Datenbanken	5	12.01.2009 18:31
[Erledigt] Navigation mit Active-Link	Rezeptfrei	PHP Tipps 2008	5	26.11.2008 13:45
Problem mit PHP Navigation	hagene	PHP Tipps 2008	4	09.10.2008 23:33
Navigation fixen	Desert	PHP Tipps 2008	0	12.05.2008 17:00
Probs mit Layout für Navigation mit Grafiken/Hintergrund		HTML, Usability und Barrierefreiheit	3	08.02.2006 19:56
Navigation	snatch-ic	PHP Tipps 2007	4	08.01.2006 12:11
Änderung der datenbank gestützten Navigation		PHP Tipps 2005-2	1	26.09.2005 20:34
embed nicht valide	search	HTML, Usability und Barrierefreiheit	5	14.06.2005 14:41
Navigation		PHP Tipps 2005	18	11.04.2005 16:16
Navigation	tikal	PHP Tipps 2004-2	3	03.12.2004 15:28
div layer navigation		HTML, Usability und Barrierefreiheit	1	18.11.2004 15:44
Mit Templates Navigation erstellen? (welches Templatesyste?)	zwelch	PHP Tipps 2004-2	5	18.11.2004 15:14
schnieke navigation		PHP Tipps 2004	8	26.10.2004 16:39

24.07.2011, 16:39
Extremefall Gast Beiträge: n/a	Valide Navigation (HTML5)? Hallo, ich habe momentan ein Problem, wie ich die Navigation valide gestalten kann. Hier mein Versuch: PHP-Code: <ul> <a href="index.php"> <li class="leftborder rightborder"> Home </li> </a> <a href="produkt.php"> <li class="rightborder"> Produkt </li> </a> <a href="kontakt.php"> <li class="rightborder"> Kontakt </li> </a> <a href="anmeldung.php"> <li class="rightborder"> Registrierung </li> </a> <a href="kaufen.php"> <li class="rightborder"> Lizenz kaufen </li> </a> <a href="testaccount.php"> <li class="rightborder"> Testaccount </li> </a> </ul> Der Fehler ist folgender: Code: Error Line 21, Column 24: Element a not allowed as child of element ul in this context. (Suppressing further errors from this subtree.) Wisst ihr, wie ich den Fehler beheben könnte und was ich falsch mache? Ich hoffe, ihr könnt mir weiterhelfen. Danke schonmal. MFG


Mister Ad PHP Code Flüsterer Registriert seit: 21.08.2005 Beiträge: 4682 PHP-Kenntnisse: Fortgeschritten

24.07.2011, 16:51
Flor1an da schreibt der ElePHPant Registriert seit: 18.06.2008 Beiträge: 8.903 PHP-Kenntnisse: Fortgeschritten	Die <a> Tags müssen innerhalb der <li> Tags liegen.

24.07.2011, 16:53
Extremefall Gast Beiträge: n/a	Ok. Nun habe ich das gemacht. Aber leider ist beim ersten Listenelement nicht das komplette Element verlinkt. Woran liegt das wohl? Ich habe display: block für den <a> Tag festgelegt. Hier die Seite: http://vision-sportal.de/Website/index.php

24.07.2011, 17:12
Flor1an da schreibt der ElePHPant Registriert seit: 18.06.2008 Beiträge: 8.903 PHP-Kenntnisse: Fortgeschritten	Weil die <li> Elemente ein Padding haben, entsprechend ist das <a> Element nicht komplett über das <li> Element verteilt sondern hat nen Abstand.

24.07.2011, 21:31
nikosch moderatives Dielektrikum Registriert seit: 21.05.2008 Beiträge: 35.987 PHP-Kenntnisse: Fortgeschritten	ZUm tausendsten mal: Installier Dir Firebug und finde es gefälligst selbst heraus. __________________ -- One pixel is still too big. Please make it smaller. ASAP. Initiative Mittelstand. Die wichtigste Gestaltungsregel im Screendesign ist Pi mal Daumen des Arbeitgebers. --