Unngå border inners i tabeller

[Anterialis 182]

Når jeg lager en tabell med border="1" og la oss si cellspacing 10 så kommer det en ramme rundt alt, og en ramme rundt der bildet er. Hvordan kan jeg fjerne denne? Jeg vil liksom bare ha én ramme. Ikke to. Det ser mye oversiktilgere ut da..

 

Noen forslag?

 

På forhånd takk!

[Loomy 52]

<table style="border:1px solid black;">

 

Fjern border="x" fra table-taggen.

[FuLu 12]

Nå skjønte jeg ikke helt problemet. Får du en ramme rundt bilde? Er bilde inni en A element? Link til eksemplet hadde vært kjekker

[Smidt 0]

bruke css. se her: http://www.w3schools.com/css/ finner sikkert noe der

[Anterialis 182]

Men jeg vil også ha en strek/border som går igjennom "firkantene"/rammene. Liksom at jeg vil se rutenettet, men bare med en strek, ikke to som det originalt er....

 

Forslag?

 

Takk for svar hittil

 

EDIT: har ikke noe link el bilde sry, har bare planene i hodet Jeg tror jeg må bruke cellpadding istedet for cellspacing for å unngå mitt problem. Før hadde jeg liksom en ramme der teksten/bildet mitt var inni, så var det enda en ramme rundt dette som hadde "spaca" seg vekk liksom. cellspacing="x" er lik den avstanden mellom inner og ytterramma.....

Skjønner dere nå??

Edited February 24, 2004 by w3p

[Arve Systad 29]

table,td,tr,th { 
    margin: 0;
    border: 1px solid black;
}

 

For eksempel..?

[FuLu 12]

Hehe, hmm ja, er fortsatt ikke helt med på hva du vil noe som dette du er ute etter?

[funkweb 413]

Hvorfor må du ha den på ?

Hva vil du oppnå ? space mellom rammen og bildet ?

[Anterialis 182]

Hehe, vanskelig å forklare.. :s

Vil bare ha et rutenett liksom. Ikke den vanlige tabellen liksom.

Har prøvd å lage et rutenett som jeg vil ha her

(laga det i paint) :s

 

EDIT: Poenget er liksom at jeg ikke vil ha "to" bordere utenpå hverandre.... Men heller bare ett rutenet, og så kan jeg sette teksten inni (se bildet/linken)

Edited February 25, 2004 by w3p

[FuLu 12]

Hvis jeg forstod det rett, så kan du prøve dette:

 

<style type="text/css">
<!--
table
{
border-collapse: collapse;
border: 1px solid black;
}

td
{
border: 1px solid black;
padding: 1em;
text-align: center;
}

td span
{
display: block;
border: 1px solid red;
padding: 1em;
}
-->
</style>

<table>
<tr>
<td><span>1</span></td><td>2</td><td>3</td>
</tr>
<tr>
<td>4</td><td><span>5</span></td><td>6</td>
</tr>
<tr>
<td>7</td><td>8</td><td><span>9</span></td>
</tr>
</table>

[Anterialis 182]

Ja det så veldig bra ut !

Takk skal du ha...