"Philip Nunnegaard" <philip@fjerndettehitsurf.dk> skrev i en meddelelse
news:474a8f43$0$15886$edfadb0f@dtext01.news.tele.dk...
>> Hvad gør jeg for at få en "ramme"/border på mine tabeller
>> eller billeder på blot 1 px?
>>
>> <table width="xx" border="1" bordercolor="black" cellspacing="0"
>> cellpadding="0">
>
> Problemet er, at hver eneste celle får en border på 1 px.
> Altså: Når to celler støder op til hinanden, er der både den ene celles
> 1px plus nabocellernes 1px = 2px.
>
> Af samme grund sætter jeg tabellernes border i css i stedet for med
> html-atributter.
>
> <table class="kant">
> <tr>
> <td></td>
> </tr>
> </table>
>
> css:
> table.kant {
> border-top: 1px solid black;
> border-left: 1px solid black;
> border-collapse: collapse;
> width: XX%;
> }
>
> border-collapse: collapse; svarer til cellspacing="0"
> Vi har nu sat en border på selve tabellen på toppen og til venstre.
> Nu skal alle cellerne have en border til højre og i bunden.
>
> table.kant td {
> border-right: 1px solid black;
> border-bottom: 1px solid black;
> padding: 0;
> }
>
> Det skulle gerne give det resultat, som jeg tror, du vil have.
http://www.w3.org/TR/REC-CSS2/tables.html#borders
border-collapse : collapse : Tegner een border, hvor det er muligt at slå
bordere sammen.
Det skulle således ikke være nødvendigt at dele den i sine 4 elementer, blot
at angive den som een :
table, td {
border : 1px solid black;
border-collapse : collapse;
}
Mener så at der er forskellige fortolkninger for forskellige browsere..
Den løsning du angiver, er faktisk en "separated borders", som vil virke med
borders-collapse : separate og cellspacing="0".
Birger