Hallo,
ich wollte das Styling einer alten HTML-Seite in eine XHTML-Seite übernehmen.
Folglich soltle das ganze via stylesheet designed werden.
Bei Tabellen habe ich ein Problem.
Die Zeilenhöhe ist in html vom standard anders als bei xhtml.
line-height oder height wurde irgendwie ignoriert.
Kann mir jemand sagen das Standardstyling einer Table und tr bzw. td in html ist und wie ich das gleiche Layout auf xhtml konvertiert bekomme?
Habe leider bei meinem Freund google, nichts brauchbares gefunden
Code ist genau der gleiche nur das <html> Tag ist anders.
Ist als Sample nur eine Tabelle mit zwei Zeilen und einmal mit <p>, was m.E. korrekter sein sollte, als die 2. Zeile ohne <p>
html:
Code:
<html >
<head>
<title>html table</title>
<style type="text/css">
table {
color: #000066;
background-color:#FFFFCE;
}
tr {
vertical-align:middle;
height:15px;
}
</style>
</head>
<body>
<table>
<tr>
<td ><p>erste Zeile, erste Spalte</p></td>
<td><p>erste Zeile, zweite Spalte</p></td>
</tr>
<tr>
<td >zweite Zeile, erste Spalte</td>
<td>zweite Zeile, zweite spalte</td>
</tr>
</table>
</body>
</html>
xhtml:
HTML-Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>xhtml table</title>
<style type="text/css">
table {
color: #000066;
background-color:#FFFFCE;
}
tr {
vertical-align:middle;
height:15px;
}
</style>
</head>
<body>
<table>
<tr>
<td ><p>erste Zeile, erste Spalte</p></td>
<td><p>erste Zeile, zweite Spalte</p></td>
</tr>
<tr>
<td >zweite Zeile, erste Spalte</td>
<td>zweite Zeile, zweite spalte</td>
</tr>
</table>
</body>
</html>
Online zum nachschauen
html vs
xhtml
Vielen Dank im Voraus.