✔ Ich bekomme den §%%& Border nicht weg

Status
Nicht offen für weitere Antworten.
K

Kopfballstar

Erfahrenes Mitglied
Irgendwie möchte der Tabellen Border nicht verschwinden. Weiß einer Rat? Hier der CSS Ausschnitt:

#index_table{width:700; height:300; cellpadding:0; cellspacing:0; border:0; overflow:hidden}

#index_table tr{border:0;overflow:hidden;cellpadding:0; cellspacing:0;height:100;width:100; }

#index_table td {height:100; width:100; border:0;overflow:hidden; cellpadding:0; cellspacing:0; background-color:#FFBE7B }
 
Hallo Kopfballstar,

in deinem CSS-Ausschnitt sind mehrere Fehler:



  • Die Breiten- und Höhenangaben müssen mit Maßeinheit (z.B. px) gemacht werden. Lediglich beim Wert 0 kann die Maßeinheit weggelassen werden.
  • Die CSS-Eigenschaften "cellpadding" und "cellspacing" gibt es nicht.
Versuch es mal damit:
Code: 
     #index_table {
   width: 700px;
   height: 300px;
   border: 0;
   overflow:hidden;
    }
     #index_table tr {
   height: 100px;
   width: 100px;
   border: 0;
   overflow: hidden;
    }
     #index_table td     {
   height: 100px;
   width: 100px;
   border: 0;
   overflow: hidden;
   background-color: #FFBE7B;
    }
 
Also der Border ist immer noch da.
CSS:

#index_table {width:700px; height:300px;border:none;border-width:0px; overflow:hidden}
#index_table tr {height:100px; width:100px;border:none;border-width:0px;overflow:hidden;}
#index_table td {height:100px; width:100px; border:none;border-width:0px;overflow:hidden;background-color:#FFBE7B }

HTML:

<table id="index_table">
<tr>
<td id="td1">&nbsp;</td>
<td id="td2">&nbsp;</td>
........
</tr>
</table>
 
Also bei mir funktioniert folgendes:
Code: 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
  "http://www.w3.org/TR/html4/loose.dtd">
  <html>
  <head>
  <title>Test: Tabellenrahmen</title>
  <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
  
  <style type="text/css">
  <!--
  html, body {
  	width: 100%;
  	height: 100%;
  }
  #index_table {
  	table-layout: fixed;
  	border-collapse: collapse;
  	border: 0;
  }
  #index_table td {
  	height: 100px;
  	width: 100px;
  	border: 0;
  	background-color: #FFBE7B;
  }
  -->
  </style>
  </head>
  <body>
  
  <table id="index_table">
  <tr><td>Zelle 11</td>
  	<td>Zelle 12</td>
  	<td>Zelle 13</td>
  </tr>
  <tr><td>Zelle 21</td>
  	<td>Zelle 22</td>
  	<td>Zelle 23</td>
  </tr>
  <tr><td>Zelle 31</td>
  	<td>Zelle 32</td>
  	<td>Zelle 33</td>
  </tr>
  </table>
  
  </body>
  </html>
Mir ist allerdings unklar, was deine CSS-Angabe bezwecken sollen:


  • Die Tabelle soll 700px breit sein.
  • Eine Tabellenzeile soll 100px breit sein? :confused:
  • Eine Tabellenzelle soll 100px breit sein.
Was soll das geben?
 
Status
Nicht offen für weitere Antworten.

Neue Beiträge

Zurück