kostenloser Webspace werbefrei: lima-city

HTML Tabelle: Trennstrich zwischen spalten entfernen

lima-city → Forum → Die eigene Homepage → HTML, CSS & Javascript

1. Autor dieses Themas

   hintergrund-dc

   hintergrund-dc hat kostenlosen Webspace.

   19:40, 20.6.2013

   Hallo Com,
   
   ich habe eine Tabelle erstellt mit zwei Spalten. Den Rand habe ich unsichtbar gemacht, leider habe ich aber noch eine hässliche Trennlinie zwischen den zwei Spalten. Wie bekomme ich die weg?
   
   Freue mich auf eure Antworten!
   
   mfg

2. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

   lima-city: Gratis werbefreier Webspace für deine eigene Homepage

3. ventos

   

   ventos hat kostenlosen Webspace.

   21:25, 20.6.2013

   evtl

   tr border: none;

   Sonst wärn code nett

4. hostress

   hostress hat kostenlosen Webspace.

   8:01, 21.6.2013

   Mit

   tr border: none;

   geht das ganz sicher!

5. tobiworlds

   

   tobiworlds hat kostenlosen Webspace.

   8:27, 21.6.2013

   Die Idee ist natürlich nicht unbedingt falsch, allerdings würde der Schnipsel so nicht funktionieren, da CSS einer bestimmten Syntax folgt:
   

   selector { attribute: value; }

   
   
   Richtig müsste es also heißen

   ?

   1 2 3

   tr {     border: none; }

   Außerdem scheint das ja nicht wirklich das Problem gewesen zu sein.
   Versuche es stattdessen mal (nacheinander) mit

   tr { border-spacing: 0; }

   oder

   tr { padding: 0; }

   .

6. linkrank

   linkrank hat kostenlosen Webspace.

   10:25, 21.6.2013

   Hallo
   
   also wen ich Tabelle direkt mit border="0" mache, ganz ohne CSS,
   dann kommt bei mir auch kein Rand (im FF)
   
   

   ?

   1 2 3 4 5 6 7 8 9 10

   <table width="500" border="0" cellspacing="2" cellpadding="4" align="center">   <tr align="left" valign="top">     <td width="50%">Zeile 1 - Spalte 1</td>     <td width="50%">Zeile 1 - Spalte 2</td>   </tr>   <tr align="left" valign="top">     <td width="50%">Zeile 2 - Spalte 1</td>     <td width="50%">Zeile 2 - Spalte 2</td>   </tr> </table>

   
   
   vielleicht ist in Deinem CSS das tr schon irgendwo definiert,
   wenn ja, mach es (wie schon gesagt) einfach so mit CSS
   
   

   tr { border: none; }

   
   
   oder direkt in der Tabelle als style
   

   ?

   1	<tr align="left" valign="top" style="border: none;">

   
   
   
   
   

7. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

   lima-city: Gratis werbefreier Webspace für deine eigene Homepage

Dir gefällt dieses Thema?