zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > Site- und Layoutcheck
Seite neu laden Verschachtelung von TABLE, DIV & SPAN - Probleme mit Validität

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 26.09.2009, 12:29
Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 26.02.2009
Beiträge: 55
hinkel11 befindet sich auf einem aufstrebenden Ast
Standard Verschachtelung von TABLE, DIV & SPAN - Probleme mit Validität

Hallo,

ich bin gerade dabei die folgende Seite zu validieren:
Team

Der Validator sagt mir allerdings immer irgendwas von wegen "element div not expected" oder so. Ich dachte anfangs, dass es irgendwas damit zu tan hat, dass ich ein Blockelement in Inline-Element gesetzt habe, was ja nicht valide. Doch bei Anschauen des Quelltextes, sehe ich nichts was darauf hindeutet. Oder doch?

Dieses doppelte <a><span><span> erscheint übrigens nur im Quellcode. Dieses ist für den Tooltip zuständig und ist ein Joomla-Plugin, d.h. im Editor erscheint dieses <a><span><span> (mit den Schlusstags) als {tooltip} ... {/tooltip}.

Wie kann ich das valide machen? Danke.
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 26.09.2009, 13:56
Benutzerbild von Pr0g
(^.^)
XHTMLforum-Mitglied
 
Registriert seit: 23.08.2005
Ort: Düsseldorf
Beiträge: 535
Pr0g wird schon bald berühmt werden
Standard

Du öffnest zwei Spans und packst dann deinen Div rein, also hats du ein Blockelement in einem Inline-Element...

Ob es im Editor als {tooltip} erscheint ist eigentlich egal, da der Browser/Validator sich nur für den Quellcode interessiert.
__________________
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 26.09.2009, 14:15
Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 26.02.2009
Beiträge: 55
hinkel11 befindet sich auf einem aufstrebenden Ast
Standard

Vielleicht auch ein Tip wie ich das hinbekommen könnte. Hab schon alles mögliche probiert, wie den div-container etwas nach vorne (vor den zwei spans) zu nehmen, das div durch ein weiteres span zu ersetzen usw.. Klappt aber nicht, d.h. das Layout wird durcheinander gehauen oder erst wird gar kein Text angezeigt. Könnte ich vielleicht im code vom Tooltip irgendwas anpassen, sodass er statt <a><span><span> ein <a><div> macht, oder was auch immer? Aber wahrscheinlich haut das dann mit dem Layout ebenso wenig hin. Was kann ich sonst noch machen? Danke.

Dies wäre der Code von einem Bild mit Tooltip, so wie er im Editor steht (für {tooltip} müsste man sich halt <a><span><span> denken):
Code:
<div class="shadow5">{tooltip}<img src="http://xhtmlforum.de/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" width="50" border="0" height="69" alt=" " />
<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>

Geändert von hinkel11 (26.09.2009 um 14:20 Uhr)
Mit Zitat antworten
  #4 (permalink)  
Alt 27.09.2009, 01:57
Benutzerbild von heiko_rs
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 18.09.2005
Ort: Berlin
Beiträge: 9.848
heiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblick
Standard

Mit display: block; verhält sich span exakt wie ein div.
__________________
Wer keinen Link auf seine problembehaftete Seite posten kann, weil diese noch nicht online ist: Testcase bauen, online stellen, Link posten.
Internet-Grundregel: Unbekannte Begriffe googeln! (Erspart 99% aller Nachfragen.)
Mit Zitat antworten
  #5 (permalink)  
Alt 27.09.2009, 11:48
Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 26.02.2009
Beiträge: 55
hinkel11 befindet sich auf einem aufstrebenden Ast
Standard

Um das span als Blockelement zu definieren, bedarf es Änderungen am php-Code des Tooltip-Plugins.
Ich hab mal nachgeschaut und das hier gefunden:

PHP-Code:
$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 spna-Starttags habe ich nun ein style="display: block" reingeschrieben. Ergebnis: Das Layout wird wieder total aufgebrochen. Haut also nicht ganz hin. Hätte ich es vielleicht anders machen müssen?
Hier übrigens nochmal meine Seite:
Team
Mit Zitat antworten
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
IE 8/9 float & Div Probleme Numrollen CSS 27 23.05.2011 17:03
Probleme mit horizontaler Navi rechts lila_3 CSS 2 14.07.2009 22:36
Navigation verschwindet im IE6 emti CSS 4 12.05.2009 16:01
Linkverhalten im IE6 ChOpSueY! CSS 19 19.05.2008 23:48
joomla template entschlüsseln nieselfriem CSS 2 18.03.2008 14:12


Alle Zeitangaben in WEZ +2. Es ist jetzt 21:30 Uhr.