zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > (X)HTML
Seite neu laden infobox w3c conform

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 04.02.2011, 20:06
Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 02.01.2011
Beiträge: 66
Luziefer befindet sich auf einem aufstrebenden Ast
Standard infobox w3c conform

hallo,

ich habe ein klitzekleines Problem bei dem ich bald am Verzweifeln bin

Ich habe eine Infobox wo ich ein Tabellen layaut verwenden müsste, aber w3c
sagt mir immer das table in span nicht möglich ist, nun habe ich es mit zur besseren ansicht mit div gemacht, da ich mit diesen Inline befehlen nicht ganz zu recht komme.
Ich suche eine möglich das so darzustellen das es wie eine Tabelle auschaut aber innerhalt des <span> w3c conform bleibt.

Kann mir da einer helfen und mir vieleicht in einem 3 zeiler ne lösung mitteilen?

hier mal der code mit der css dazu
Zitat:
<div class="date"><a class="infobox_">Maine-Coon Kurzinfo:<img src="../images/date_02.png" alt="anfrage" width="14" height="11" style=" border: 0px;" /><span><br />
<div class="info_div">
<div class="td"><strong>Maine-Coon</strong></div>
<div class="info_left">Schulterh&ouml;he</div>
<div class="info_right">bis 40 cm</div>
<div class="info_left">L&auml;nge</div>
<div class="info_right">100 - 120 cm (Nase bis Schwanz)</div>
<div class="info_left">Gewicht</div>
<div class="info_right">Kater: 6,5 - 9 kg<br />
Katze: 5 - 6,5 kg</div>
<div class="info_left">erlaubte Farben</div>
<div class="info_right">Schwarzserie B<br />
Rotserie O<br />
Verd&uuml;nnung D<br />
Silber I<br />
Piebald-Scheckung S<br />
epistatisches Wei&szlig; W</div>
<div class="info_left">nicht erlaubte Farben</div>
<div class="info_right">Braunserien bb,<br />
Verd&uuml;nnungsmodifizierer dmdm<br />
Maskenfaktoren</div>
<div class="info_left">erlaubte Fellzeichnung</div>
<div class="info_right">gestromt (blotched, classic)<br />
getigert (mackerel)<br />
zeichnungsfrei (non-agouti)</div>
<div class="info_left">nicht erlaubte Fellzeichnung</div>
<div class="info_right">getupft (spotted)<br />
getickt</div>
</div>
</span>
</a>
</div>
und die Css
Zitat:
.date{
height:27px;
padding-top:
10px;z-index:10;
width:320px;
}

.info_div{
display:inline-block;
border:thin solid #FEFEFC;
width:313px;
}
a.infobox_{
color:#000066;
text-decoration:underline;
text-align:left;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;font-weight:bold;
}

a.infobox_:hover{
cursor:help;
color:#0033CC;
}

a.infobox_ span{
display:none;
position:absolute;
}

a.infobox_:hover span,a.infobox:focus span,a.infobox:active span{
display:block;
color:#000;
font-family:Geneva,Arial,Helvetica,sans-serif;
font-size:12px;text-align:left;
background-color:#59C1DE;
border:thin solid #000;
text-decoration:none;
padding:10px;
z-index:30;
width:320px;
}

.info_left{
width:112px;
float:right;
border-top-width:thin;
border-top-style:solid;
border-top-color:#FFFFFF;
}

.info_right{
width:200px;
border-top-width:thin;
border-right-width:thin;
border-top-style:solid;
border-right-style:solid;
border-top-color:#FFFFFF;
border-right-color:#FFFFFF;
}
vieleicht habe ich ja was übersehen. Über eine Hilfe würde ich mich freuen

gruß

verlinkung
http://www.psd-tutorials.de/forum/46...ml#post1695684

Geändert von Luziefer (05.02.2011 um 00:20 Uhr) Grund: verlinkung
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 05.02.2011, 17:31
Erfahrener Benutzer
XHTMLforum-Mitglied
 
Registriert seit: 25.07.2009
Ort: Wanne-Eickel
Beiträge: 223
TanjaP. befindet sich auf einem aufstrebenden Ast
Standard

Schau mal bei mir auf die Hundeseite, da habe ich auch Infoboxen mit span drin und ein tabellenähnliches Konstrukt, evtl. hilft es Dir weiter!

Tanja
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 05.02.2011, 20:09
Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 02.01.2011
Beiträge: 66
Luziefer befindet sich auf einem aufstrebenden Ast
Standard

es geht, aber das bringt nicht den efeckt den ich anstrebe, das ist ja das kleine problem.

ich wollte das schon so dargestellt bekommen als wenn ich eine tabelle habe.
da ich links den begriff und rechts dazu die erklärung brauche.

ich habe es auch schon mit dl, dt und dd versucht, aber das ergebniss ist nicht so wie es sein soll da angezeigt wird

Text:
Erklärung
Text
Erklärung

es aber

begriff: erklärung

begriff: erklärung

sein sollte.
Ich sag mal wenns nicht weiter stört kann ich mit diesen 2 fehlern bei w3c leben, aber wollte es lieber conform haben nun.

Aber Danke für dein Tipp und das Beispiel zum anschauen
Mit Zitat antworten
  #4 (permalink)  
Alt 05.02.2011, 21:02
Benutzerbild von Manfred62
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 18.09.2009
Ort: Ludwigsburg
Beiträge: 2.134
Manfred62 ist einfach richtig nettManfred62 ist einfach richtig nettManfred62 ist einfach richtig nettManfred62 ist einfach richtig nettManfred62 ist einfach richtig nett
Standard

Zitat:
Zitat von Luziefer Beitrag anzeigen
ich habe es auch schon mit dl, dt und dd versucht, aber das ergebniss ist nicht so wie es sein soll da angezeigt wird

Text:
Erklärung
Text
Erklärung

es aber

begriff: erklärung

begriff: erklärung
das geht schon --> http://www.dyingeyes.de/2008/04/01/d...-buche-stehen/

Ansonsten: Popups, welche so groß sind wie die eigentliche Webseite??
Muss das sein? Das guckt sich doch keiner an, viel zu lang zum lesen.
Zudem Probleme in diversen Browsern (IE6/7, Webkit..)

Die Grafik date_02.png gehört ins css (.infobox) nicht ins html.

Wenn diese Popups sein müssen, dann nur kleine. Ansonsten extra Seite.
Eventuell kannst sowas auch mit js machen.

Manfred

(BTW: Meinung zu Crossposts ist ja bekannt..?)
Mit Zitat antworten
  #5 (permalink)  
Alt 05.02.2011, 22:20
Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 02.01.2011
Beiträge: 66
Luziefer befindet sich auf einem aufstrebenden Ast
Standard

hallo Manfred,

habe es auf eine Extra Seite nun gemacht. Somit ist auch der Fehler weg nun.
halt klicken angesagt nun an dieser stelle.

gruß
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
Infobox Positionierung designxx CSS 10 30.12.2008 17:38
Infobox soll sichtbar bleiben Joki CSS 1 05.12.2008 15:20
W3C Validator Fehlermeldungen 5enses (X)HTML 5 05.06.2007 16:54
fragen zu w3 conform dr4g0n CSS 9 06.07.2006 22:33


Alle Zeitangaben in WEZ +2. Es ist jetzt 23:24 Uhr.