Tabelle mit mehreren Zeilen in Spalte

[ARatedChris]

Hi Leute,

habe folgendes Problem:


Ich will folgendes darstellen:



Ich bekomme das einfach nicht hin und weiss auch nicht wie's richtig aussehen würde, meine Versuche sahen so aus:

<table>
<tr>
<td>
Bild
</td>
<td>
<tr>
Text
</tr>
<tr>
Text
</tr>
</td>
</tr>

Irgendwie macht er das aber nicht, weiss jemand wie's richtig geht?

Oder soll ich das überhaupt mit einer Tabelle machen?

Was ich darstellen will ist links ein Bild, daneben so ne Art Auflistung mit Bewertung usw.

Könnte ich auch einfach das so machen?:

<table>
<tr>
<td>
Bild
</td>
<td>
<ul>
<li>Bewertung: *****</li>
<li>Sonstiger Text</li>
</td>
</tr>
</table>

Wäre das dann semantisch richtig? Oder stellt man sowas via Tabelle dar?


Grüße!

 

[threadi]

Wenn es sich nicht um tabellarische Daten handelt, solltest Du auch auf eine Tabelle verzichten. Text neben einem Bild darzustellen geht per CSS mit float. Beispiel:

img {float: left;margin: 0 12px 12px; }

 

[ARatedChris]

So soll's aussehen:

 

[ARatedChris]

Habe in meinem Editor 'ne Extra Funktion dafür gefunden, zur Lösung:

<table style="padding-top:10px;">
<tr>
<td><img src="Images/GateBridge.jpg" alt="" border="0" width="210" height="160"></td>
<td>
<table width="100%" >
<tr>
<td>Bewertung:</td>
<td style="padding-left:5px;">test3</td>
</tr>
<tr>
<td>Bewertung:</td>
<td style="padding-left:5px;">test3</td>
</tr>
</table>
</td>
</tr>
</table>

 

[threadi]

Sorry, aber das ist keine Lösung. Das ist Unsinn - auch wenn es visuell richtig aussieht.

 

[ARatedChris]

Hmm.

Und wie soll ichs dann machen?

Mit dem float?


Also dann so:

<img src="Images/GateBridge.jpg" alt="" border="0" width="210" height="160" class="Sehenswuerdigkeiten">Zeile1<br>Zeile2<br>....

Oder wie?

 

[threadi]

Ganz genau.

 

[ARatedChris]

Okay, das sieht jetzt so aus:

<img src="Images/GateBridge.jpg" alt="" border="0" width="210" height="160" class="Sehenswuerdigkeiten">
<p class="SehenswuerdigkeitenTXT"><b>Bewertung</b>:<img src="icons/bullet_5rated.png" alt="" border="0" width="64" height="16" class="Bewertung"></p>
<p class="SehenswuerdigkeitenTXT2"><b>Baujahr</b>: 1937</p>
<p class="SehenswuerdigkeitenTXT2"><b>Standpunkt</b>: Nord SF - Highway 1</p>
<p class="SehenswuerdigkeitenTXT2"><b>Beschreibung</b>: Das wohl bekannteste Bauwerk neben der Freiheitsstatue in New York & eines<br>der meist fotografierten Bauwerke der Welt. Durch ihre rostrote Farbe hat sie einen sehr<br>
grossen Wiedererkennungswert.</p><br><br>
<p class="SehenswuerdigkeitenTXT2"><img src="icons/webcam.png" alt="" border="0" width="16" height="16" class="SehenGGB">&nbsp;&nbsp;&nbsp;<img src="icons/picture.png" alt="" border="0" width="16" height="16" class="SehenGGB">&nbsp;&nbsp;&nbsp;<img src="icons/film.png" alt="" border="0" width="16" height="16" class="SehenGGB"></p>

Ist das jetzt semantisch korrekt?


BTW: Gibts hier keinen HTML-Quelltext BB-Code?

 

[threadi]

Vom Syntax her nicht ganz. Dort sind überzählige <br>s zwischen einzelnen Absätzen. Und ob Du soviele CSS-Klassen brauchst wage ich zu bezweifeln. Und die geschützten Leerzeichen zwischen den Bildern könntest Du auch weglassen und den Abstand zwischen den Bildern mittels margin erreichen.