Gelöst: Probleme mit Validität bei Verschachtelung von SPAN mit TABLE
Hallo,
ich bin gerade dabei die folgende Seite zu validieren:
http://www.corona-gehren.de/main/index.php?Itemid=168
Der W3C-Validator gibt mir dabei folgende Fehlermeldung aus: "element div not expected" oder so. Liegt augenscheinlich daran, dass ich ein div in ein span gesetzt habe, was niht valide ist.
Das Problem besteht darin, dass ich nicht so recht weis, wie ich das beheben kann, da dieses <a><span><span> (wenn man sich mal den Quellcode anschaut) automatisch gesetzt wird, da es automatisch von einem Joomla-Tooltip-Plugin gesetzt wird. Im Editor, dort wo ich das ganze eingegeben habe, erscheint daher kein <a><span><span> sondern ein {tooltip}, natürlich auch mit den entsprechenden Schlusstags.
Dies wäre z.B. der HTML-Code für 1 Bild mit Tooltip (die betreffende Zeile ist hervorgehoben), so wie er im Joomla-Editor steht:
Für {tooltip} erscheint im Seitenquelltext <a><span><span>.
Ich habe probiert den div-Container nach oben zu nehmen, d.h. direkt nach <td> -> Ergebnis: kein Text mehr zu sehen im Tooltip. Wenn ich den div-Container direkt vor {tooltip} ist wieder das gleiche Ergebnis zu beobachten, also kein Text.
Nun habe ich im php-Code vom Tooltip-Plugin nachgeschaut und folgendes gefunden:
Bei den beiden <span>-Tags habe ich nun testweise mal ein style="display: block" hineingeschrieben. Dadurch wird das gesamte Layout total aufgebrochen. t also auch nicht.
Was kann ich sonst noch machen?
Danke.
Hallo,
ich bin gerade dabei die folgende Seite zu validieren:
http://www.corona-gehren.de/main/index.php?Itemid=168
Der W3C-Validator gibt mir dabei folgende Fehlermeldung aus: "element div not expected" oder so. Liegt augenscheinlich daran, dass ich ein div in ein span gesetzt habe, was niht valide ist.
Das Problem besteht darin, dass ich nicht so recht weis, wie ich das beheben kann, da dieses <a><span><span> (wenn man sich mal den Quellcode anschaut) automatisch gesetzt wird, da es automatisch von einem Joomla-Tooltip-Plugin gesetzt wird. Im Editor, dort wo ich das ganze eingegeben habe, erscheint daher kein <a><span><span> sondern ein {tooltip}, natürlich auch mit den entsprechenden Schlusstags.
Dies wäre z.B. der HTML-Code für 1 Bild mit Tooltip (die betreffende Zeile ist hervorgehoben), so wie er im Joomla-Editor steht:
HTML:
<td>
<div class="shadow5">
{tooltip}
<img src="http://www.tutorials.de/forum/images/Spielerfotos/Fadda-new-crown.jpg" style="z-index: 4 !important; border: 1px solid #3a3a3a" alt=" " />
{end-link}
<img src="templates/corona03/images/chromeg.png" style="behavior: url('./modules/mod_fisheye_menu_camp26/fisheye_menu/png.htc'); margin: 0 auto" alt=" " width="50" border="0" height="69" />
<div style="padding-left: 5px; line-height: 1.5; font-family: Arial,JanicesHand,Lucida Calligraphy,Times New Roman; color: #ffffff; font-size: small">
Name: Ronny Behrendt <br />
Geburtstag: 26. April 1967 <br />
Beruf: Maurer <br />
Rückennummer: 9 <br />
Position: Zentrales Mittelfeld <br />
Fan von: Hamburger SV
</div>
{end-tooltip}
</div>
</td>
Für {tooltip} erscheint im Seitenquelltext <a><span><span>.
Ich habe probiert den div-Container nach oben zu nehmen, d.h. direkt nach <td> -> Ergebnis: kein Text mehr zu sehen im Tooltip. Wenn ich den div-Container direkt vor {tooltip} ist wieder das gleiche Ergebnis zu beobachten, also kein Text.
Nun habe ich im php-Code vom Tooltip-Plugin nachgeschaut und folgendes gefunden:
PHP:
$string = $row->text;
$patterns[0] = '/{tooltip}/';
$patterns[1] = '/{end-link}/';
$patterns[2] = '/{end-tooltip}/';
$replacements[2] = '<a href="#" class="tooltip">';
$replacements[1] = '<span><span>';
$replacements[0] = '</span></span></a>';
$row->text = preg_replace($patterns, $replacements, $string);
Bei den beiden <span>-Tags habe ich nun testweise mal ein style="display: block" hineingeschrieben. Dadurch wird das gesamte Layout total aufgebrochen. t also auch nicht.
Was kann ich sonst noch machen?
Danke.
Zuletzt bearbeitet: