ABAKUS

Hallo zusammen,

ich habe eine neue Startseite entworfen und diese auf XHTML Konformität getestet. Ein Fehler steckt noch drin (...der sich 6-Mal wiederholt).

Und zwar hier: https://validator.w3.org/check?uri=http ... ar-chat.de

Hat jemand eine Idee wo genau das Problem ist bzw. was ich ändern müsste?

Vielen Dank schon mal an dieser Stelle im Voraus !!!

Gruß,
Mark[/url]

Eine ID muß eindeutig sein, deshalb sind mehrfache IDs für CSS Quatsch. Nimm stattdessen eine Klasse.

mark007q hat geschrieben:Hallo zusammen,

ich habe eine neue Startseite entworfen und diese auf XHTML Konformität getestet. Ein Fehler steckt noch drin (...der sich 6-Mal wiederholt).

Und zwar hier: https://validator.w3.org/check?uri=http ... ar-chat.de

Hat jemand eine Idee wo genau das Problem ist bzw. was ich ändern müsste?

Vielen Dank schon mal an dieser Stelle im Voraus !!!

Gruß,
Mark[/url]

HI

schreibe statt
id="effect" class="effect"

und Du kannst Dir auch das onfocus ersparen...

a.effect{border:1px solid #fff;}
a.effect:hover{border:1px solid #ff0000;}

so gings auch....

lg

Wenn ich das dahingehend ändere, dann wird (warum auch immer) der rote Rahmen bei Überfahren der Links nicht mehr angezeigt ...

mark007q hat geschrieben:Wenn ich das dahingehend ändere, dann wird (warum auch immer) der rote Rahmen bei Überfahren der Links nicht mehr angezeigt ...

ah die Hierarchie

Du hast immer diesen Aufbau

<div class="galerie"> <a href="/blog/"></a><span class="pic"><a href="/blog/" id="effekt" onfocus="if(this.blur)this.blur()"><img src="bildadresse " alt="Der Hund - Newsblog" width="180" height="120" border="0" /></a></span>
<div class="textcol">
<h2><a href="/blog/">Hunde-News</a></h2>
<p>Unser News-Blog </p>
</div>

</div>


Dann hast Du in der CSS Datei zwei widersprüchliche Angaben drin

.pic {
text-align: center;
height: 120px;
margin-bottom: 0px;
}
a.pic {
border: 3px solid #CCCCCC;
display: block;
width: 180px;
}
a.pic:hover {
border: 3px solid #E3E3E3;
}

und dann eben diese

#effect

bloß....
Du kannst bei dieser CSS
das
span class="pic" rausnehmen und
statt
id effect

class="pic" reinnehmen

oder class pic auch weg und

.galerie a img{.......


.galerie a:hover img{

....

lg

Der W3C-Validator ist übrigens nicht das Maß aller Dinge. Auf der Seite scheint es noch ein Problem mit dem Zeichensatz zu geben und der JS-Bereich sollte sowohl für HTML- als auch für XML-Parser auskommentiert werden: https://schneegans.de/sv/?url=https%3A% ... tmlcomp=on