Hosch: Tabelle will nicht so wie ich will...

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

  1. 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

    1. 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

  2. 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

    1. <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

      1. Hallo,

        die von mir genannten Probleme bestehen natürlich weiterhin...

        Andreas

        1. Hallo,

          die von mir genannten Probleme bestehen natürlich weiterhin...

          Nein nicht mehr...

          Andreas

  3. 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