Probleme mit Tabelle

TheProgrammer · 27 März 2006

Hi.

Ich hab noch net so'ne Ahnung von CSS und wir sollen in Informatik ne Seite anfertigen. In meinem Forum (www.dubsoft.4cube.de) gibt es auf der Linken Seite die Navigaitons-Tabelle, die ich farblich nachmachen wollte. Mein Problem: Ich bekomme die Ränder nicht so schön hin.

Code:

<html>

<head>
 <title>Titel</title>

 <style type="text/css">
 <!--
   a:link { text-decoration:none; font-size:13; color:#dd6900; }
   a:visited { text-decoration:none; font-size:13; color:#dd6900; }
   a:hover { text-decoration:none; font-size:13; color:#767676;}
   a:active { text-decoration:none; font-size:13; color:#dd6900;}

   td.head { border:1px solid #000; vertical-align:top; overflow:hidden; width:150; height:27; background-color:#333333; border-color:#d2a900;}
   td.navigation { border:1px solid #000; vertical-align:top; overflow:hidden; width:150; background-color:#333333; border-color:#d2a900;}

   div.head { background-image:url(recourcen/head.png); margin:0px; padding:0px; width:100%; height:27; }

   * { font-family:Arial; font-size:13; color:#FFFFFF; }
 -->
 </style>
</head>

<body bgcolor="#303030">

 <table class="navigation">
  <tr><td class="head"> 
   <div class="head">

    Text

   </div>
  </td></tr>
  <tr><td class="navigation">

    blubber...

  </td></tr>
 </table

</body>

</html>

Ich hoffe, ihr könnt mir dabei helfen ^^

Mfg
TheProgrammer

TheProgrammer · 27 März 2006

Kleines Update:

Code:

<html>

<head>
 <title>Titel</title>

 <style type="text/css">
 <!--
   a:link { text-decoration:none;
            font-size:13;
            color:#dd6900; }
   a:visited { text-decoration:none;
               font-size:13;
               color:#dd6900; }
   a:hover { text-decoration:none;
             font-size:13;
             color:#767676;}
   a:active { text-decoration:none;
              font-size:13;
              color:#dd6900;}

   td.head { border:1px solid #000;
             vertical-align:top;
             overflow:hidden;
             width:150; height:27;
             background-color:#333333;
             background-image:url(recourcen/head.png);
             vertical-align:middle;
             text-align:center;
             font-weight:bold;
             color:#8e8e8e;
             border-color:#d2a900;}

   td.navigation { border:1px solid #000;
                   vertical-align:top;
                   overflow:hidden;
                   width:150;
                   background-color:#333333;
                   border-color:#d2a900;}


   * { font-family:Arial;
       font-size:13;
       color:#FFFFFF; }
 -->
 </style>
</head>

<body bgcolor="#303030">

 <table class="navigation">
  <tr><td class="head"> 

    Text

  </td></tr>
  <tr><td class="navigation">

    blubber...

  </td></tr>
 </table

</body>

</html>

Ich brauch nur die Verbindung zwischen dem Kopf und dem Rest der Navigation. Da soll nur eine schwarze, keine doppelte gelbe Begrenzung sein. (siehe www.dubsoft.4cube.de)

Probleme mit Tabelle

TheProgrammer

Neues Mitglied

TheProgrammer

Neues Mitglied

Neueste Beiträge