nicht angemeldet
Hallo!
Folgendes Problem nervt mich!
Ich habe eine Tabelle mit einem relativ einfachem Code nur(!) es wird _nicht_ das gemacht was ich will:
Hier der Code und unten das Problem:
------------------------------------
<html>
<head>
<title>SkateRock Home</title>
<meta name="description" content="Supporting Skateboarding and Punkrock">
<meta name="author" content="Matthias Fänger">
<meta name="keywords" content="Skate, Skaten, Skateboard, Skateboarden, SkateRock, Skate-Rock, Rock, Punk">
<body bgcolor="#000000" text="#C00000">
<style type="text/css">
<!--
body { scrollbar-base-color:#000000; scrollbar-3dlight-color:#000000; scrollbar-arrow-color:#000000; scrollbar-darkshadow-color:#000000; scrollbar-face-color:#C00000; scrollbar-highlight-color:#000000; scrollbar-shadow-color:#000000; scrollbar-track-color:#000000; }
a.menu { width:18ex; text-align:center; font-family:adi1, 'Serifa BT'; border-style:solid; }
a.menu:link { width:16ex; text-decoration:none; color:#C00000; border-color:#C0C0C0; border-top-style:none; border-bottom-style:solid; border-bottom-width:1px; border-bottom-color:#C0C0C0; border-left-width:1px; border-left-color:#C00000; border-right-width:1px; border-right-color:#C00000; }
a.menu:visited { width:16ex; text-decoration:none; color:#C00000; border-color:#C0C0C0; border-top-style:none; border-bottom-style:solid; border-bottom-width:1px; border-bottom-color:#C0C0C0; border-left-width:1px; border-left-color:#C00000; border-right-width:1px; border-right-color:#C00000; }
a.menu:hover { width:16ex; text-decoration:none; color:#C00000; border-color:#C00000; border-top-width:1px; border-top-color:#000000; border-bottom-style:solid; border-bottom-width:1px; border-bottom-color:#C00000; border-left-width:1px; border-right-width:1px; }
a.menu:active { width:16ex; text-decoration:none; color:#FFFFFF; border-color:#000000; border-bottom-width:1px; border-bottom-color:#000000; border-left-width:1px; border-right-width:1px; }
a:link { color:#C00000; text-decoration:underline overline; }
a:visited { color:#C00000; text-decoration:underline overline; }
a:hover { color:#C00000; text-decoration:none; }
a:active { color:#C00000; text-decoration:underline overline; }
a.other:link { color:#0000A0; text-decoration:underline overline; }
a.other:visited { color:#0000A0; text-decoration:underline overline; }
a.other:hover { color:#0000A0; text-decoration:none; }
a.other2:link { color:#0000A0; text-decoration:underline; }
a.other2:visited { color:#0000A0; text-decoration:underline; }
a.other2:hover { color:#0000A0; text-decoration:none; }
a.other2:active { color:#0000A0; text-decoration:none; }
p { font-family:'Serifa BT'; }
pre { font-family:adi1, 'Serifa BT'; text-decoration:underline overline; color:#FFFFFF; }
-->
</style>
<script language="JavaScript">
<!--
window.defaultStatus = " Skateboarding and Punkrock ";
//-->
</script>
<noscript></noscript>
</head>
<center><img src="logo3.JPG" width="550" height="115" border="0" alt=""></center>
<br>
<table align="center" border="1" bgcolor="#C0C0C0" style="border:1px solid #C00000;" cellpadding="4" cellspacing="4" align="left">
<tr>
<td style="border-style:none;">
<a class="menu" href="index.htm">Home</a>
</td>
<td style="border-style:none;">
<a class="menu" href="thelinks.htm">Links</a>
</td>
<td style="border-style:none;">
<a class="menu" href="http://www.1-2-3-gaestebuch.de/buch.gb?benutzer=SkaRock">Guestbook</a>
</td>
<td style="border-style:none;">
<a class="menu" href="thenews.htm">News</a>
</td>
<td style="border-style:none;">
<a class="menu" href="skateboarding.htm">Skateboarding</a>
</td>
<td style="border-style:none;">
<a class="menu" href="extras.htm">Extras</a>
</td>
</tr>
</table>
<br>
<p>
<!-- PROBLEM! -->
<!-- PORBLEM! -->
<table align="center" width="847" bgcolor="#C0C0C0" style="border:1px solid #C00000;">
<tr>
<td bgcolor="#C00000" height="30" style="width:100%;">
<b><font color="white"><center>HOME</center></font></b>
</td>
</tr>
<td style="witdh:50%;">
<a href="index.htm">Home</a>
</td>
<td style="width:50%; text-align:right;">
<a href="index.htm">Home</a>
</td>
</tr>
</table>
<!-- ENDE DES PROBLEMBEREICHES -->
<!-- ENDE DES PROBLEMBEREICHES -->
<table align="center" width="847" bgcolor="#C0C0C0" style="border:1px solid #C00000;">
<tr>
<td>
</td>
</tr>
</table>
<center><p><pre> Webmaster ~ Matthias Fänger E-Mail ~ Ruffy-D@web.de </pre></center>
</p>
</body>
</html>
---------------------------------------
so da ist zwar auch viel vom rest des codes hab aber keine Lust den zu löschen ... hm also
Im Problem bereich ist eine Tablle die ihr mal ( bitte bitte ) in euren Texteditor einfügen sollt/könnt, damit ihr das Problem auch seht! Denn dort ist ja ein rot unterlegter Bereich in dem Dick HOME steht, der durch die _ganze_ Tabelle laufen soll (der rot unterlegte bereich) aber es nicht tut! Ich habe unten drunter ja zweimal (einmal links einmal rechts) den link Home. So nur dort soll der Bereich in der normalen grauen Tabellenfarbe, was er auch ist, nur oben drüber im rot unterlegten bereich wird dort wo rechts home steht ein grauer Bereich anstatt ein roter breich angezeigt! Wie kann ich das ändern?
Ihr werdet es so vielleicht nicht verstehen aber deshalb sollt ihr den Code ja auch vielleicht mal in euren editor einfügen das ihr seht was ich meine!!!
Danke
Hosch