XHTML-Valides Laufband

[Die Mathematik]

Hallo,

ich habe heute meine Seite geprüft, ob sie xhtml Valide ist und einen Haufen Error gefunden (Rund 30).
Diese konnte ich nun auf 6 eingrenzen. Einen davon behebe ich die nächsten Tage, die Lösung ist mir bereits bekannt.

Alle anderen 5 Error stammen alle vom selben Fehler, den ich bisher nicht verbessern konnte. Ich habe bei mir im Forum einen Marquee-Befehl am laufen. Dieser erzeugt alle 5 Error. Mir ist bekannt, dass Marquee nicht xhtml Konform ist, deswegen suche ich nach Alternativen. Der Befehl ist ein klassisches Laufband, was von rechts nach Links läuft, 3 Banner anzeigt und beim Mauszeiger drauf halten stehen bleibt.
Der Befehl ist folgender:

<marquee scrollamount="2" scrolldelay="1" onMouseOut="this.start()" onMouseOver="this.stop()"><a href="http://www.phpbb3nashra.de" onclick="window.open(this.href); return false;"><img src="http://testforum.phpbb3nashra.de/images/phpbb3nashra.png" width="199" height="31" alt="phpBB3Nashra" title="phpBB3Nashra" border="0" /></a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="http://www.chalong.de" onclick="window.open(this.href); return false;"><img src="http://testforum.phpbb3nashra.de/images/chalong.png" width="114" height="31" alt="Chalong and Friends" title="Chalong and Friends" border="0" /></a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="http://www.metzimods.de" onclick="window.open(this.href); return false;"><img src="http://testforum.phpbb3nashra.de/images/metzi.png" width="154" height="31" alt="MetziMods" title="MetziMods" border="0" /></a></marquee>

Kann mir jemand eine Alternative zum genannten Code nennen, die xhtml-Valide ist und die gleichen Ausführungen, wie beschrieben tätigt?

Danke im Voraus.

Gruß
Lukas

 

[threadi]

XHTML-Valide geht es über CSS (clip-Eigenschaft) und JavaScript. Als HTML-Code muss man einfach nur irgendein inhaltlich passendes HTML-Element wäre, z.B. <p>.

Siehe:
bilder laufband - Homepage FAQs

Hier gibt es auch ein Grafik-"Laufband" mit der selben Technik:
Grafik-Effekte mit JavaScript und CSS-Clipping, Beispiel 1

 

[Die Mathematik]

Danke für deine Antwort. Ich habe mir mal die ganzen Javascripte angeguckt. Das sind ja übermäßig große Klopper, kann man das nicht auch xhtml-Valide machen, ohne dabei einen riesigen Code zu benutzen?

 

[threadi]

Noch eine Alternative wäre, wenn Du das marquee-Element per JavaScript vor dem Validator versteckst. Ansonsten gibt es keine andere Möglichkeiten für diese Spielereien.

 

[Die Mathematik]

Das ist der geniale Einfall! Wieso bin ich darauf nicht gekommen? Da es sich bei meiner Webseite um ein phpBB-Forum handelt, kann ich einfach Templatevariablen nutzen, um Text vor dem Validator verschwinden zu lassen. (Nichts mit Javascript, in phpBB gehts mit html)

In phpBB kann man diverse Templatevariablen wie beispielsweise <!-- IF S_IS_BOT --> nutze, die den Text nur anzeigen, wenn es sich um einen Bot handelt. Da der Validator bei mir als Bot eingetragen ist, stellte das kein Problem dar.

Ich habe es jetzt so gemacht:

<!-- IF S_IS_BOT --><a href="http://www.phpbb3nashra.de" onclick="window.open(this.href); return false;"><img src="http://testforum.phpbb3nashra.de/images/phpbb3nashra.png" width="199" height="31" alt="phpBB3Nashra" title="phpBB3Nashra" /></a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="http://www.chalong.de" onclick="window.open(this.href); return false;"><img src="http://testforum.phpbb3nashra.de/images/chalong.png" width="114" height="31" alt="Chalong and Friends" title="Chalong and Friends" /></a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="http://www.metzimods.de" onclick="window.open(this.href); return false;"><img src="http://testforum.phpbb3nashra.de/images/metzi.png" width="154" height="31" alt="MetziMods" title="MetziMods" /></a><!-- ELSEIF --><marquee scrollamount="2" scrolldelay="1" onMouseOut="this.start()" onMouseOver="this.stop()"> <a href="http://www.phpbb3nashra.de" onclick="window.open(this.href); return false;"><img src="http://testforum.phpbb3nashra.de/images/phpbb3nashra.png" width="199" height="31" alt="phpBB3Nashra" title="phpBB3Nashra" /></a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="http://www.chalong.de" onclick="window.open(this.href); return false;"><img src="http://testforum.phpbb3nashra.de/images/chalong.png" width="114" height="31" alt="Chalong and Friends" title="Chalong and Friends" /></a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="http://www.metzimods.de" onclick="window.open(this.href); return false;"><img src="http://testforum.phpbb3nashra.de/images/metzi.png" width="154" height="31" alt="MetziMods" title="MetziMods" /></a></marquee><!-- ENDIF -->

Nachdem Code, zeigt er normalen Benutzern den Text mit Laufband an und wenn es sich um einen Bot handelt, wird der Laufbandbefehl deaktiviert und es werden nur die Banner angezeigt.

Danke für deine Hilfe.
Diese Art von Lösung funktioniert erstmal, ist zwar nicht ganz sauber, ich werde mich wahrscheinlich nochmal nach anderen Lösungen umgucken, aber es läuft erstmal perfekt.

Danke.
Gruß
Lukas

 

[Cheffchen]

o-oh

Text nur anzeigen, wenn es sich um einen Bot handelt

das würde ich aber ganz ganz vorsichtig benutzen, nicht das die eine SUMA dir was unterstellt und dich raus schmeisst.

Cheffchen

 

[Die Mathematik]

Deshalb suche ich ja auch nach Alternativen, es ist ja auch nur ein Zwischenzustand. Ich habe von euch ja einen Haufen Links erhalten, die ich demnächst auswerten werde.:mrgreen:

 

[mermshaus]

Hier auch noch mal die Rückverlinkung: → XHTML-Valides Laufband - XHTMLforum