Validator motzt - wie mach ich richtig

[Butterstulle]

Moin Zusammen,
ihr könnt mir vielleicht einen Tipp geben.
Auf dieser Seite motzt der Validator und ich weiß nicht wie ichs besser machen sollte.
http://www.oopsgrafix.de/vondersee/sparkasse/

und zwar sagt der Validator folgendes:

document type does not allow element X here; missing one of Y start-tag

✉

The mentioned element is not allowed to appear in the context in which you've placed it; the other mentioned elements are the only ones that are both allowed there and can contain the element mentioned. This might mean that you need a containing element, or possibly that you've forgotten to close a previous element.

One possible cause for this message is that you have attempted to put a block-level element (such as "<p>" or "<table>") inside an inline element (such as "<a>", "<span>", or "<font>").

    * Line 85, column 74: document type does not allow element "h1" here; missing one of "object", "applet", "map", "iframe", "button", "ins", "del" start-tag

      …"unternehmen.html"><h1 class="ueber">Unternehmen</h1><p class="buttschrift">D

    * Line 85, column 113: document type does not allow element "p" here; missing one of "object", "applet", "map", "iframe", "button", "ins", "del" start-tag

      …ternehmen</h1><p class="buttschrift">Die OSSG wurde im Jahr 2007 als 100%ige 

    * Line 86, column 59: document type does not allow element "h1" here; missing one of "object", "applet", "map", "iframe", "button", "ins", "del" start-tag

      …ul><li><a href="#"><h1 class="ueber">Leistungen</h1><p class="buttschrift">Un

    * Line 86, column 97: document type does not allow element "p" here; missing one of "object", "applet", "map", "iframe", "button", "ins", "del" start-tag

      …eistungen</h1><p class="buttschrift">Unsere Leistungen sind modular aufgebaut

    * Line 87, column 59: document type does not allow element "h1" here; missing one of "object", "applet", "map", "iframe", "button", "ins", "del" start-tag

      …ul><li><a href="#"><h1 class="ueber">Ihre Vorteile </h1><p class="buttschrift

    * Line 87, column 101: document type does not allow element "p" here; missing one of "object", "applet", "map", "iframe", "button", "ins", "del" start-tag

      …Vorteile </h1><p class="buttschrift">Unsere Leistungen sind modular aufgebaut 

Der Quelltext an dieser Stelle sieht so aus:

<div id="centernavigation">
<div class="button1"><ul><li><a href="unternehmen.html"><h1 class="ueber">Unternehmen</h1><p class="buttschrift">Die OSSG wurde im Jahr 2007 als 100%ige Tochtergesellschaft der Sparkasse Aurich-Norden in Ostfriesland -Ostfriesische Sparkasse- als Dienstleister rund um den Bereich Zahlungsverkehr </p></a></li></ul></div>
<div class="button1"><ul><li><a href="#"><h1 class="ueber">Leistungen</h1><p class="buttschrift">Unsere Leistungen sind modular aufgebaut. Sie entscheiden, welche Teilleistungen die OSSG übernehmen soll. Selbstverständlich ist auch eine Komplett-Übernahme möglich.</p></a></li></ul></div>
<div class="button1"><ul><li><a href="#"><h1 class="ueber">Ihre Vorteile </h1><p class="buttschrift">Unsere Leistungen sind modular aufgebaut. Sie entscheiden, welche Teilleistungen die OSSG übernehmen soll. Selbstverständlich ist auch eine Komplett-Übernahme möglich.</p></a></li></ul></div>
</div> 

und die CSS formatierung hat folgenden Inhalt:

* html #centernavigation{margin-left:83px;padding-left:0px;}

* + html #centernavigation{margin-left:83px;padding-left:0px;}
#centernavigation{margin-left:83px;margin-top:0px; margin-bottom:0px;margin-rght:auto;width:830px !important;height:114px;padding:0px;margin-top: 0px;margin-bottom: 0px;} 

.ueber{font-size:1.1em; text-align:center;padding:0px;} 

Also, wenn ich das richtig verstehe bemängel der Validator meine <p> Tags innerhalb der Listenfunktion. Aber wie macht man es richtig?
Vielen Dank schonmal,
Butterstulle

[wildmieze]

wenn ich es richtig in erinnerung habe, darf ein link keine block-elemente wie h1, p oder div umfassen .. da bräuchteste ne andere lösung .. zB

<a href=""><span class="ueber">Überschrift</span>Linktext</a>

das kannste dann mit css und display:block; passend formatieren, denke ich .. musste mal rumtesten ..

.. und brauchst du die div-ul-verschachtelung? .. wird zwar nicht bemängelt, aber eine einfache liste müsste theoretisch auch funktionieren, und wäre etwas "schlanker" ..

[Butterstulle]

wenn ich es richtig in erinnerung habe, darf ein link keine block-elemente wie h1, p oder div umfassen .. da bräuchteste ne andere lösung .. zB

<a href=""><span class="ueber">Überschrift</span>Linktext</a>

das kannste dann mit css und display:block; passend formatieren, denke ich .. musste mal rumtesten ..

ah, ok das werde ich gleich mal ausprobieren.
Aber ist nicht (korrigiere mich wenn ich falsch liege) eine <h1> und <p> definition wertvoller für die Suchmaschinenoptimierung? Und sollte man, wenn es so ist, nicht lieber auf 100%ige optimale Validierung verzichten?

Gruß,
Butterstulle

[Butterstulle]

wenn ich es richtig in erinnerung habe, darf ein link keine block-elemente wie h1, p oder div umfassen .. da bräuchteste ne andere lösung .. zB

<a href=""><span class="ueber">Überschrift</span>Linktext</a>

So klappt es, Vielen Dank

[phpBuddy]

Aber ist nicht (korrigiere mich wenn ich falsch liege) eine <h1> und <p> definition wertvoller für die Suchmaschinenoptimierung? Und sollte man, wenn es so ist, nicht lieber auf 100%ige optimale Validierung verzichten?

Gruß,
Butterstulle

Nö, sonst würde das ja jeder so machen und es gäbe nur noch invalide Seite im Internet.

[Butterstulle]

Nö, sonst würde das ja jeder so machen und es gäbe nur noch invalide Seite im Internet.

Danke Rizzo, ist denn meine Vermutung falsch?
Nun es scheint ja fast als wäre der Validator soetwas wie der Internetdiktator

[Dome]

Nun es scheint ja fast als wäre der Validator soetwas wie der Internetdiktator

Naja man sollte sich schon an eine gewisse Norm halten, je mehr das machen desto besser

Wegen der Suchmaschinenoptimierung: bin mir da auch nicht ganz sicher ob es so ist aber wenn du es trotzdem mit H1 etc. + Valide machen möchtest dann verwende mehrere Links. Denn

<h1 class="ueber"><a href="#">Leistungen</a></h1>
<p class="buttschrift"><a href="#">Unsere Leistungen sind modular aufgebaut. Sie entscheiden, welche Teilleistungen die OSSG übernehmen soll. Selbstverständlich ist auch eine Komplett-Übernahme möglich.</a></p>

müsste doch valide sein oder? Kannst ja mal testen...

Ach und ich denke jede größere Suchmaschine ala Google etc. macht da heutzutage keinen Unterschied mehr ob mit <p> oder ohne...

[wildmieze]

.. wobei in diesem fall die h1er suchmaschinentechnisch nicht viel bringen werden .. oder optimierst du auf die begriffe "Leistungen" und "Unternehmen"?

[Butterstulle]

Danke Dome für einen weiteren Lösungsansatz

.. wobei in diesem fall die h1er suchmaschinentechnisch nicht viel bringen werden .. oder optimierst du auf die begriffe "Leistungen" und "Unternehmen"?

Das hast du wohl recht. Für mich war das eine allgemeine Frage und jetzt nicht speziell für die verwendeten Links.