Rigtih mange tak!!
Det var en forklaring man kunne forstå
Det er lidt super med sådan nogle kloge hoveder
/ Tak- Jesper
Lasse Reichstein Nielsen wrote in dk.edb.internet.webdesign.html:
> Jesper Holm <holmidk2003@holm.mail.dk> writes:
>
> > 1) Hvordan fjerner man den øverste border på <td> i CSS??
> >
> > Jeg har lavet et eksternt dokument (style.css) hvor jeg gerne vil
> > gemme mine indstillinger i css.
> >
> > Normalt i et html-dokument ville jeg skrive:
> >
> > <table border="0" width="100%" cellspacing="0" cellpadding="0">
> > <tr>
> > <td width="100%" style="border-left: 1 solid #808080;
> > border-right: 1 solid #808080; border-bottom: 1 solid
> > #808080">dig</td>
> > </tr>
> > </table>
>
> Her bruger du jo allerede (inline) CSS til borderen, så det kan du jo
> genbruge. Du skal blot huske at sætte en enhed på bredden, ellers
> virker det ikke[1]. Altså:
>
> td { border-left: 1px solid #808080;
> border-right: 1px solid #808080;
> border-bottom: 1px solid #808080;}
>
> Det er lidt kortere at lave top til en undtagelse:
>
> td { border: 1px solid #808080;
> border-top: none; }
>
> Hvis du har mere end en celle i tabellen (ellers skal du ikke bruge en
> tabel!) og du vil være sikker på at bund-kanten ovenfor ikke bliver
> top-kant på denne celle, så brug border-top: hidden; Den virker lige
> som border:none, undtagen i tabller med border-collapse:collapse;
>
> > 2) Som I kan se har jeg i selve tabellen angivet cellspacing og
> > cellpadding. Hvordan skriver jeg dette i mit doument style.css??
>
> For at få samme effekt som dit table-tag ovenfor, så skal der
> skrives:
>
> table {
> border: none; /* border="0", se også nedenfor */
> width: 100%; /* er default for et block-element */
> border-collapse: separate;
> cell-spacing: 0px;
> }
> td {
> padding: 0px; /* cell-padding */
> border: none; /* border="0" på tabel-tagget påvirker også
> cellerne */
> }
>
> Hvis du alligevel vil have kant på cellerne, så kan du enten
> rette det i td-reglen eller tilføje en ny senere.
>
> Du kan læse mere om CSS til tabeller i specifikationen:
> <URL:
http://www.w3.org/TR/CSS2/tables.html>
> (tungt, men fuldstændigt!)
>
> /L
> [1] Størrelser uden enheder virker dog når browseren er i
> Quirks-tilstanden, en kompatibilitets-tilstand til forældede og
> ulovlige sider. Man skal ikke lave nye sider til Quirks-tilstanden. Se
> hvordan man sætter browseren til at være i standard-tilstand:
> <URL:
http://www.html.dk/artikler/00036/>
> --
> Lasse Reichstein Nielsen - lrn@hotpop.com
> Art D'HTML: <URL:
http://www.infimum.dk/HTML/randomArtSplit.html>
> 'Faith without judgement merely degrades the spirit divine.'
--
Vil du lære at kode HTML, XHTML, CSS, SSI eller ASP?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! =>
http://www.html.dk/tutorials