Supportnet / Forum / Webseiten/HTML
Tabellen-Formatierung mit CSS
Frage
Hallo,
also irgendwie komme ich mit der Formatierung von Tabellen mit CSS nicht klar. Ich will ganz einfach eine Tabelle erstellen mit zwei Spalten und 2 Zeilen. Die Spalten sollen eine Feste Breite und Höhe haben. Irgendwie geht das aber nic
Hier der Quelltext der Tabelle:
[code]
<table class="articles">
<th colspan="2">Articles</th>
<tr>
<td class="tdImage"><img class="image" src="compteuse/images/9210.jpg" border="1"></td>
<td class="link">asd</td>
</tr>
<tr>
<td class="tdImage"><img class="image" src="compteuse/images/7881.jpg" border="1"></td>
<td class="link">asd</td>
</tr>
</table>
[/code]
Und hier noch den Inhalt des CSS-Dokuments:
[code]
table.articles
{
width:600px;
table-layout:fixed;
}
th
{
background-color:#666666;
border-color:transparent;
border-width:thick;
color:#000000;
}
tr
{
border-color:#666666;
border-width:thick;
background-color:#999999;
}
td.tdImage
{
width:120px;
height:120px;
}
.image
{
width:120px;
height:120px;
}
[/code]
Das Ergebnis sieht so aus:
[url]http://www.pesage.com/XDEV/problem/articles.htm[/url]
Wie man sieht ist die Breite der Zellen die das Bild enthalten größer als 120px wie im CSS-Dokument definiert.
Was ist da falsch. Was muss ich anders machen?
mfg
Dramirak
Antwort 1 von Dr.Ma-Busen
Moin!
Nim mal table-layout:fixed; raus und bei .image ändere mal die größenangeben von px in 100%
MfG
Dr. Ma-Busen
Nim mal table-layout:fixed; raus und bei .image ändere mal die größenangeben von px in 100%
MfG
Dr. Ma-Busen
Antwort 2 von Dramirak
Danke für deine Hilfe.
Grüße
Dramirak
Grüße
Dramirak