Lästige Ränder
EneR
- design/layout
0 MudGuard
Hallo,
ich hab diese Seite: http://game.aypac.de/
An den Ecken zu den Rändern sind diese Schwarzen Ränder.
Ich hab bei jedem <td> ein frame="void" eingebaut was wie ich dachte die Ränder entfernen sollte. Also so <td frame="void"></td>
Ich hab folgendem (gekürzten) Quell text:
<html>
<head>
<title>titel</title>
</head>
<body bgcolor=#000000>
<link rel="shortcut icon" type="image/x-icon" href="favicon.ico">
<table border=0 rules="none">
<tr>
<td colspan=7 align=center>
<h1><font color=#999999>Titel</font></h1>
</td>
</tr>
<tr>
<!--ecke linksoben-->
<td frame="void" height=16 width=14 style="background-image:url(http://aypac.de/GAME/pics/info.rand.corner.links.oben.gif);">
</td>
<!--rand oben-->
<td frame="void" colspan=1 height=16 width=24% style="background-image:url(http://aypac.de/GAME/pics/info.rand.oben.gif);">
</td>
<!--ecke rechtsoben-->
<td frame="void" height=16 width=14 style="background-image:url(http://aypac.de/GAME/pics/info.rand.corner.rechts.oben.gif);">
</td>
<!--ecke linksoben-->
<td frame="void" height=16 width=14 style="background-image:url(http://aypac.de/GAME/pics/info.rand.corner.links.oben.gif);">
</td>
<!--rand oben-->
<td frame="void" colspan=1 height=16 width=31% style="background-image:url(http://aypac.de/GAME/pics/info.rand.oben.gif);">
</td>
<!--ecke rechtsoben-->
<td frame="void" height=16 width=14 style="background-image:url(http://aypac.de/GAME/pics/info.rand.corner.rechts.oben.gif);">
</td>
<!-- LOGIN-AREA -->
<td frame="void" align=center rowspan=3 width=16%>
</td>
</tr>
<tr>
<!--rand links-->
<td frame="void" rowspan=1 width=14 style="background-image:url(http://aypac.de/GAME/pics/info.rand.links.gif);">
</td>
<td frame="void" bgcolor=98989>
Hier kommen die 1. Infos hin.
</td>
<!--rand rechts-->
<td rowspan=1 width=14 style="background-image:url(http://aypac.de/GAME/pics/info.rand.rechts.gif);">
</td>
<!--rand links-->
<td frame="void" rowspan=1 width=14 style="background-image:url(http://aypac.de/GAME/pics/info.rand.links.gif);">
</td>
<td frame="void" bgcolor=989898>
Anmeldebereich
</td>
</tr>
<tr>
<!--ecke linksunten-->
<td height=16 width=14 style="background-image:url(http://aypac.de/GAME/pics/info.rand.corner.links.unten.gif);">
</td>
<!--rand unten-->
<td colspan=1 height=16 width=26% style="background-image:url(http://aypac.de/GAME/pics/info.rand.unten.gif);">
</td>
<!--ecke rechtsunten-->
<td height=16 width=14 style="background-image:url(http://aypac.de/GAME/pics/info.rand.corner.rechts.unten.gif);">
</td>
<!--ecke linksunten-->
<td height=16 width=14 style="background-image:url(http://aypac.de/GAME/pics/info.rand.corner.links.unten.gif);">
</td>
<!--rand unten-->
<td colspan=1 height=16 width=31% style="background-image:url(http://aypac.de/GAME/pics/info.rand.unten.gif);">
</td>
<!--ecke rechtsunten-->
<td height=16 width=14 style="background-image:url(http://aypac.de/GAME/pics/info.rand.corner.rechts.unten.gif);">
</td>
<td>
</td>
</tr>
</table>
<br><br>
<center><font color=#C0C0C0>| <a href="ueberuns.html"><font color=#CB7434>Über mich</font></a> | <a href="newsletter.php"><font color=#CB7434>Jetzt fürs Newsletter anmelden</font></a> |</font></center>
</body>
</html>
Vielen Vielen Dank schon einmal im Vorraus!!!
Hi,
Ich hab bei jedem <td> ein frame="void" eingebaut was wie ich dachte die Ränder entfernen sollte.
Warum sollte ein Attribut, das für td gar nicht definiert ist, eine Änderung bewirken?
Wie wär's mit CSS (border:none für die td)?
Vermutlich handelt es sich aber nicht um border der tds, sondern um die Hintergrundfarbe, die durch die Zwischenräume der Tabelle durchguckt, was mit border-spacing und border-collapse im CSS zu bekämpfen wäre.
cu,
Andreas