13.02.2005, 17:57
also, ich hab die ganzen tabellen nun fertig. die buttons so gemacht, dass die sich an die auflösung anpassen (1-px-grafik als hintergrund definiert)
Aber jetzt will ich auch, dass der header sich an die auflösung anpasst. Wenn ich das wieder so mit der 1-px-grafik mache, wird der header ja entstellt.
Mein code sieht so aus (jaja ich weiß, 30.000 tabellen ineinander verschachtelt geht das auch besser?):
in tabellenansicht sieht es so aus
http://www.tr-art.de/screeny.jpg
wie kann ich nun den header so an die auflösung anpassen, dass der nicht entstellt wird?
Aber jetzt will ich auch, dass der header sich an die auflösung anpasst. Wenn ich das wieder so mit der 1-px-grafik mache, wird der header ja entstellt.
Mein code sieht so aus (jaja ich weiß, 30.000 tabellen ineinander verschachtelt geht das auch besser?):
Code:
<html>
<head>
<title>dhf-source[DOT]de</title>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<table width="100%" height="100%" border="0">
<tr>
<td height="15" width="100%"> </td>
</tr>
<tr>
<td height="100%" width="100%" valign="top">
<table width="100%" height="100%" border="0">
<tr>
<td width="5%" height="100%"> </td>
<td width="90%" height="100%" valign="top">
<table width="100%" height="10%" border="0">
<tr>
<td width="100%" height="10%"><img src="images/header.jpg" width="745" height="197"></td>
</tr>
</table>
<table width="100%" height="100%" border="0">
<tr>
<td width="100%" height="100%">
<table width="100%" height="100%"border="0">
<tr>
<td width="10%" height="100%" valign="top">
<table cellspacing="0" cellpadding="0" border="0" width="100%" height="20%">
<tr>
<td width="4" height="20" align="left"><img src="images/button_left.jpg" width="4" height="20"></td>
<td background="images/button_middle.jpg" valign="middle" height="20">DHF.Home</td>
<td width="4" height="20" align="right"><img src="images/button_right.jpg" width="4" height="20"></td>
</tr>
<tr>
<td width="4" height="20" align="left"><img src="images/button_left.jpg" width="4" height="20"></td>
<td background="images/button_middle.jpg" valign="middle" height="20">DHF.News</td>
<td width="4" height="20" align="right"><img src="images/button_right.jpg" width="4" height="20"></td>
</tr>
<tr>
<td width="4" height="20" align="left"><img src="images/button_left.jpg" width="4" height="20"></td>
<td background="images/button_middle.jpg" valign="middle" height="20">DHF.Mainnavigation</td>
<td width="4" height="20" align="right"><img src="images/button_right.jpg" width="4" height="20"></td>
</tr>
</table>
</td>
<td width="100%" height="625" valign="top">
<table width="100%" height="20%" border="0">
<tr>
<td> </td>
<td> </td>
</tr>
</table>
<table width="100%" height="80%" border="0">
<tr>
<td> </td>
</tr>
</table>
</td>
<td width="10%" height="625" valign="top">
<table width="100%" border="0">
<tr>
<td> </td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
<td width="5%" height="100%"> </td>
</tr>
</table>
</td>
</tr>
</table>
</body>
</html>
in tabellenansicht sieht es so aus
http://www.tr-art.de/screeny.jpg
wie kann ich nun den header so an die auflösung anpassen, dass der nicht entstellt wird?