Axel Richter: 2spaltige Tabelle mit Layern umsetzen

Beitrag lesen

SELF-Forum

2spaltige Tabelle mit Layern umsetzen

Axel Richter
– Informationen zu den Bewertungsregeln

Hallo,

Leider hat die ganze Sache einen Haken:
Mit einer Zeile Text funktioniert das ja wunderbar, aber in der endgültigen Seite werde ich leider mehrere Zeilen haben (auch einmal 2 bei denen sich ein erzwungener Zeilenumbruch mit <br /> befindet).
Gibt es denn hierfür eine Lösung?

Ist es denn nun eine Tabelle? Gibt es also mehrere Zeilen mit Bildern und Beschreibungen? Wenn ja, dann nimm eine Tabelle.

Sonst:

  
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"  
        "http://www.w3.org/TR/html4/strict.dtd">  
<html>  
<head>  
<title>Titel</title>  
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">  
<style type="text/css">  
p { border:1px solid black; }  
img { float:left; margin:0; margin-right:.5em; }  
  
/*Das folgende auskommentierte CSS setzt das LABEL-Element vertikal auf die Bildgrundlinie, allerdings nicht im Opera*/  
/*  
p { position:relative; overflow:hidden; }  
label { position:absolute; bottom:0; }  
*/  
</style>  
<!--[if ie]>  
<style type="text/css">  
/*p muss hasLayout triggern: [link:http://www.satzansatz.de/cssd/onhavinglayout.html]*/  
p { width:100%; }  
</style>  
<![endif]-->  
</head>  
<body>  
<h1>Test</h1>  
<p><img src="Beispiel.jpg" alt="Bild" id="bild1"><label for="bild1">Das ist der Beschreibende Text zum Bild.<br>Hier können auch mehrere Zeilen Text stehen.<label></p>  
</body>  
</html>

Das IE-only-CSS ist auch nur nötig, wenn das Label nach unten soll.

Wenn es eine Liste ist, dann wird aus P wieder LI in UL.

viele Grüße

Axel

Beitrag melden
–
Informationen zu den Bewertungsregeln