Unngå border inners i tabeller

[Anterialis]

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]

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

 

Fjern border="x" fra table-taggen.

[FuLu]

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]

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

[Anterialis]

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å??

Endret 24. februar 2004 av w3p

[Arve Systad]

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

 

For eksempel..?

[FuLu]

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

[funkweb]

Hvorfor må du ha den på ?

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

[Anterialis]

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)

Endret 25. februar 2004 av w3p

[FuLu]

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]

Ja det så veldig bra ut !

Takk skal du ha...