Jump to content
Sign in to follow this  
Anterialis

Unngå border inners i tabeller

Recommended Posts

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!

Share this post


Link to post

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 ;)

Share this post


Link to post

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 by w3p

Share this post


Link to post

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 by w3p

Share this post


Link to post

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>

Share this post


Link to post

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...
Sign in to follow this  

  • Recently Browsing   0 members

    No registered users viewing this page.

×
×
  • Create New...