Hej,
Jeg har et atypisk problem. Jeg har en tabel med nogle kunder i,
men mine borders er ikke på linie (kun i IE7 mærkeligt nok :P)
Jeg har 14 kolonner, men for at gøre det overskueligt har jeg
kogt kode lidt ned i dette post.
I den første <th> er der et baggrundsbillede, hvor den første
række pixels er grå og udgør <th>'ens venstre border.
På alle mine <td>'er er der en border hele vejen rundt på en px,
men den flugter ikke med billedet i <th>'en.
I FF og Camino er problemet i den første række <th>/<td> og i
Opera og Safari er det i den sidste række <th>/td>
Det hele spiller sig ud på denne side:
http://junkuhn.com/kunder.php
HTML:
<table id="kunder" rulers="none">
<colgroup></colgroup>
<thead>
<th></th>
</thead>
<tbody>
<td></td>
</tbody>
</table
CSS:
table#kunder{
width:100%;
}
thead{
}
tbody{
}
table#kunder colgroup.min-width{
}
table#kunder th.first-th{
background:url(../images/th-left-bg.png) top left no-repeat;
}
table#kunder tr th{
background:url(../images/th-bg.png) top right repeat-x;
height:23px;
}
table#kunder th.last-th{
background:url(../images/th-right-bg.png) top right no-repeat ;
}
table#kunder th a, td a{
color:#CCC;
text-decoration:none;
}
table#kunder th a:hover{
text-decoration:underline;
}
table#kunder tr td{
border:1px solid #CCC;
padding:2px 5px;
vertical-align:middle;
}
table#kunder tr td:first-child{
text-align:center;
}
table#kunder tr td:last-child{
text-align:center;
}
--
Vil du lære at kode HTML, XHTML, CSS, SSI, ASP eller ASP.NET?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! =>
http://www.html.dk/tutorials