linje i tabell

2 svar · 322 visningar · startad av Calevan 12 sep. 2003

CalevanMedlem sedan maj 20031 173 inlägg

12 sep. 2003 20:23#1

min CSS fil:

.ram {
  border-collapse: collapse;
  border: 5px #000000 solid;  
}

Med denna så får jag ju en tjock ram RUNT tabellen, hur får jag att linjerna mellan cellerna också ska vara tjocka? finns det något finnt kommando?

tack!

edit: jag sätter class="ram" på TABLE taggen.

FatRatMedlem sedan aug. 200356 inlägg

12 sep. 2003 20:43#2

Finns nog fler sätt, men ett:

td {
    border: 5px #000000 solid;  
}
  table { 
  border-collapse: collapse;
  border:none;
}

edit..

tog bort border-collapse: collapse; från td, ska nog inte vara med..

bossseMedlem sedan juni 2003772 inlägg

12 sep. 2003 20:58#3

Du ska inte ange någon klass i css för tabellen.
Td är global i detta fall,
medan class td1 och td2 är lokala.
Om du tar bort dessa i css så ser du vad jag menar.

<html> 
<head> 
<style type="text/css"> 
<!-- 
body {background-color:blue; font-family:Arial,Helvetica,Sans-serif; font-size:10; color:yellow;}

table {width:80%;height:80%; border-collapse:collapse; border:5px solid black;}
 
td {background-color:gray; border-collapse:collapse; border:5px solid red;}
 
.td1 {background-color:green;border:5px solid black;} 
.td2 {background-color:blue;border:5px solid black;} 
--> 
</style> 

</head> 
<body> 

<table> 
<tr> 
   <td class=td1>en massa text</td> 
   <td >en massa text</td> 
</tr> 
<tr> 
   <td class=td2>en massa text</td> 
   <td >en massa text</td> 
</tr> 
</table> 
</body> 
</html>