Tabelle will nicht so wie ich will...
Hosch
- html
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
Hallo!
Folgendes Problem nervt mich!
Ich habe eine Tabelle mit einem relativ einfachem Code nur(!) es wird _nicht_ das gemacht was ich will:
Probiers mal so:
<table width="100%" border="1" >
<tr>
<td align="center" colspan="2">
<b>HOME</b>
</td>
</tr>
<td>
<a href="index.htm">Home</a>
</td>
<td align="right">
<a href="index.htm">Home</a>
</td>
</tr>
</table>
Das wichtige ist der colspan. Deine erste Zeile muss eine Spalte (td) haben, die zwei Spalten in der zweiten Zeile überspannt.
Gruß
Axel
Hallo!
Folgendes Problem nervt mich!
Ich habe eine Tabelle mit einem relativ einfachem Code nur(!) es wird _nicht_ das gemacht was ich will:
Probiers mal so:
<table width="100%" border="1" >
<tr>
<td align="center" colspan="2">
<b>HOME</b>
</td>
</tr>
<td>
<a href="index.htm">Home</a>
</td>
<td align="right">
<a href="index.htm">Home</a>
</td>
</tr>
</table>
Das wichtige ist der colspan. Deine erste Zeile muss eine Spalte (td) haben, die zwei Spalten in der zweiten Zeile überspannt.
Danke Danke das funktioniert :-)
Gruß
Gruß
Axel
Hosch
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">
Styles haben im body nichts verloren
<!--
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>
Der head wurde bereits implizit durch das öffnende body-tag geschlossen.
<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
Und ich keine Lust, mich durch den weiteren Verhau durchzuwühlen.
Es hat sich schon immer bewährt, bei Problemen erstmal dieses Problem isoliert vom Rest zu lösen und erst dann den Rest wieder dazuzutun.
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!
Warum gibst Du keinen Link auf die Seite an?
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
Andreas
<body bgcolor="#000000" text="#C00000">
<style type="text/css">
Styles haben im body nichts verloren
<!--
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>
</head>
Der head wurde bereits implizit durch das öffnende body-tag geschlossen.
so da ist zwar auch viel vom rest des codes hab aber keine Lust den zu löschen ... hm also
Und ich keine Lust, mich durch den weiteren Verhau durchzuwühlen.
Es hat sich schon immer bewährt, bei Problemen erstmal dieses Problem isoliert vom Rest zu lösen und erst dann den Rest wieder dazuzutun.
Okay okay... ;-)
Warum gibst Du keinen Link auf die Seite an?
http://www.Skate-Rock.de.vu Hier ;-)
Nur das Porblem ist bereits beseitigt!
Andreas
Hallo,
die von mir genannten Probleme bestehen natürlich weiterhin...
Andreas
Hallo,
die von mir genannten Probleme bestehen natürlich weiterhin...
Nein nicht mehr...
Andreas
Hallo
Falls das noch nicht aufgefallen sein sollte:
<!-- 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>
<tr> <===== fehlt!
<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 -->
Der colspan war ja schon angesprochen.
Tschüß, Auge