/ Forside / Teknologi / Udvikling / HTML / Nyhedsindlæg
Login
Glemt dit kodeord?
Brugernavn

Kodeord


Reklame
Top 10 brugere
HTML
#NavnPoint
molokyle 11184
Klaudi 5506
bentjuul 3377
severino 2040
smorch 1950
strarup 1525
natmaden 1396
scootergr.. 1320
e.c 1150
10  miritdk 1110
Child??
Fra : Michael Arildsen


Dato : 26-02-04 03:59

Hej

Følgende ændrer skrifttypen i tabelcellerne i alle tabeller:

td { padding:5px; }

Hvis nu jeg kun vil tilføje denne egenskab til en tabel ud fra
id,
hvordan gøres dette nemmest?

Er det ikke her man bruger childs og er der en venlig sjæl der
vil forklare lidt om det?

Mvh Michael Arildsen

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

 
 
Anders Thorsen Holm (26-02-2004)
Kommentar
Fra : Anders Thorsen Holm


Dato : 26-02-04 08:30

Michael Arildsen wrote:

> Følgende ændrer skrifttypen i tabelcellerne i alle tabeller:
>
> td { padding:5px; }
>
> Hvis nu jeg kun vil tilføje denne egenskab til en tabel ud fra
> id, hvordan gøres dette nemmest?

Du skriver id'et efterfulgt af det element, der skal påvirkes:

#myid td {
   padding: 5px;
}

Dermed er det kun tabelceller inde i (et givet) element med id'et
"myid", der får 5pixels padding. Ovenstående regel påvirker f.eks.
tabelcellerne i følgende kode:

<div id="myid">
....
<table>
<tr><td>Denne celle påvirkes</td></tr>
</table>
....
<table>
<tr><td>Det gør den her også</td></tr>
</table>
</div>


Alternativt kan du skrive det her:

table#myid td {
   padding: 5px;
}

Så vil reglen kun påvirke tabelceller inde *tabellen* med id "myid":

<div>
<table id="myid">
<tr><td>Denne celle får 5px padding</td></tr>
</table>
....
<table>
<tr><td>Men det gør den her ikke</td></tr>
</table>
</div>

--
Anders Thorsen Holm | http://www.daimi.au.dk/~zoolook/

Overvejer du at købe en DVD-afspiller? Så hold dig fra Fona!
Læs hvorfor: http://www.daimi.au.dk/~zoolook/fona/

Michael Arildsen (26-02-2004)
Kommentar
Fra : Michael Arildsen


Dato : 26-02-04 15:06

Anders Thorsen Holm skrev:

> Du skriver id'et efterfulgt af det element, der skal påvirkes:
>
> #myid td {
>    padding: 5px;
> }


Hej

Fornemt, det virker efter efter hensigten.
Er det det som man kalder child? eller har jeg misforstået noget?

Mvh Michael Arildsen


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

Jesper Brunholm (01-03-2004)
Kommentar
Fra : Jesper Brunholm


Dato : 01-03-04 13:31

Michael Arildsen skrev:

> Anders Thorsen Holm skrev:
>
>>Du skriver id'et efterfulgt af det element, der skal påvirkes:
>>
>>#myid td {
>>    padding: 5px;
>>}

> Fornemt, det virker efter efter hensigten.
> Er det det som man kalder child? eller har jeg misforstået noget?

det er et godt spørgsmål.

Det er forklaret her:
citat fra <http://www.w3.org/TR/REC-CSS2/conform.html#doctree>
Document tree
The tree of elements encoded in the source document. Each element
in this tree has exactly one parent, with the exception of the root
element, which has none.
Child
An element A is called the child of element B if an only if B is
the parent of A.
Descendant
An element A is called a descendant of an element B, if either (1)
A is a child of B, or (2) A is the child of some element C that is a
descendant of B.
Ancestor
An element A is called an ancestor of an element B, if and only if
B is a descendant of A.
Sibling
An element A is called a sibling of an element B, if and only if B
and A share the same parent element. Element A is a preceding sibling if
it comes before B in the document tree. Element B is a following sibling
if it comes after B in the document tree.

(jeg tror bestemt at der skal stå "B if and only if B" i stedet for "B
if an only if B").

Det er elementerne i dokumentstrukturen der får navne for at finde ud af
hvordan nedarvningen fungerer.

hvis vi har
<body>
<p id="f">
<em><var></var><em>
</p>
<p id="s">
</p>
</body>

så er <p id="f"> elementet child af <body>, det er faktisk også
first-child. Både em og var er descendants (efterkommere, men ikke børn)
af body.
<p id="s"> er sibling til <p id="f">, og er samtidig også child til <body>.

Jeg håber det hjalp, og kunne bruges

mvh

Jesper Brunholm


Erik Ginnerskov (26-02-2004)
Kommentar
Fra : Erik Ginnerskov


Dato : 26-02-04 14:01


"Michael Arildsen" <f.arildsen@email.dk> skrev

> Følgende ændrer skrifttypen i tabelcellerne i alle tabeller:
>
> td { padding:5px; }

Det skulle det da ikke gerne gøre. Det definerer derimod, at der skal være 5
px 'luft' rundt om cellernes indhold.

--
Med venlig hilsen
Erik Ginnerskov
http://hjemmesideskolen.dk - http://html-faq.dk
http://hjem.get2net.dk/egin



Michael Arildsen (26-02-2004)
Kommentar
Fra : Michael Arildsen


Dato : 26-02-04 14:58

>Erik Ginnerskov skrev
>
> Følgende ændrer skrifttypen i tabelcellerne i alle tabeller:
>
> td { padding:5px; }
>
> Det skulle det da ikke gerne gøre. Det definerer derimod, at der skal være 5
> px 'luft' rundt om cellernes indhold.

Hej

Nej, padding:5px ændrer selvfølgelig ikke skrifttypen....

Det var en smutter fra min side (Jeg har font-family med i samme td {...} fik
det bare ikke skrevet, beklager) Det blev lidt sent igår :)

Mvh Michael Arildsen

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

Søg
Reklame
Statistik
Spørgsmål : 177559
Tips : 31968
Nyheder : 719565
Indlæg : 6408938
Brugere : 218888

Månedens bedste
Årets bedste
Sidste års bedste