Hi,
Bin grad am Design machen. Damit der Border gut aussieht, mach ich das mit images.
Ich habe eine senkrechte linie, die ich mit repeat-y wiederhole. Aber mein Table ist in 3 <tr>'s unterteilt. Wenn ich den <table> in ein Extra <table> stecke, ist die Linie zu weit links und sieht auch wegen dem Eckpic kacke aus.
Die untere waagrechte Linie will auch nicht so ganz - die ist viel zu kurz. Hier mein Code, wohl das wichtigste:
PHP
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>Grey_Template</title>
<style type="text/css">
td.waagrecht {
background-image: url('./images/table_waagrecht.gif');
background-repeat: repeat-x;
}
td.senkrecht {
background-image: url('./images/table_senkrecht.gif');
background-repeat: repeat-y;
}
td.cats_striche {
background-image: url('./images/cats_striche.gif');
background-repeat: repeat;
}
td.cats_mitte {
background-image: url('./images/cats_mitte.gif');
background-repeat: repeat;
}
</style>
</head>
<body>
<table align="center" cellpadding="0" cellspacing="0" width="800">
<tr>
<td align="right" valign="top" width="9"><img src="./images/oben_links.gif" /></td>
<td class="waagrecht" width="100%"> </td>
<td width="88"><img src="./images/oben_rechts.gif" /></td>
</tr>
<tr>
<td class="senkrecht" width="9"> </td>
<td width="781"></td>
<td class="senkrecht" width="9"> </td>
</tr>
<tr>
<td width="9"><img src="./images/unten_links.gif" /></td>
<td class="waagrecht" width="100%"></td>
<td width="9"><img src="./images/unten_rechts.gif" />
</tr>
</table>
</body>
</html>
Alles anzeigen