Kim Noer wrote:
> Ja ok- jeg kom til at lave et falsk eksempel - her er hvad jeg
> egentlig ønsker:
>
> ------------------
>| gnu1 gnu2 |
> ------------------
> muh1 muh2
Det kunne gøres med følgende:
table {
border-collapse: collapse;
}
tr.borders td {
border-top: 1px solid #000;
border-bottom: 1px solid #000;
}
tr.borders td.first {
border-left: 1px solid #000;
}
tr.borders td.last {
border-right: 1px solid #000;
}
<table>
<tr class="borders">
<td class="first">gnu1</td>
<td class="last">gnu2</td>
</tr>
<tr>
<td>muh1</td>
<td>muh2</td>
</tr>
</table>
Men det opfylder desværre ikke dit følgende ønske:
> Altså - ingen ramme imellem gnu1 og gnu2. Jeg har bestemt ikke
> lyst til at lave en separat definition for hver td der er i den
> første tr. Kan jeg blive nødt til at pakke gnu1 og gnu2 ind i en
> table eller andet tag?
Umiddelbart vil jeg synes, den nævnte metode ovenfor er det
letteste... jeg forsøge lidt med CSS' + og > selectors, men her har
man desværre problemet med diverse browseres mere eller mindre ringe
understøttelse. Desuden fik jeg ikke det ønskede resultat... derfor
den skrabede løsning ovenfor.
--
Anders Thorsen Holm |
http://www.daimi.au.dk/~zoolook/
Overvejer du at købe en DVD-afspiller? Så hold dig fra Fredgaard!
Læs hvorfor:
http://www.daimi.au.dk/~zoolook/?page=fredgaard