On Sun, 29 Sep 2002 11:45:38 +0000 (UTC), Martin
<martinnielsen@hotmail.com> wrote:
>Hvordan får jeg så erstattet SPAN med CLASS på den rigtige måde ?
>
>Skal DIV helt fjernes eller hvad ?
><div class="negativtekst">Overskrift</div>
>
>..og hvordan får jeg så sat H4 på ?
Hvis jeg forstår dig ret:
<h4 class="negativtekst">Overskrift</h4>
>Alt ovenfor står inde i en
><body>
><div id="content">
>
>og skal dette så også ændres til:
>
><div class="content">
Hvis alt indhold er i <div id="content">, ville jeg i stedet bare
bruge:
<body>
og så i dit stylesheet erstatte
#content {
blabla
}
med
body {
(det samme) blabla
}
Hvis dit indhold derimod er opdelt i flere <div>'er. så er det OK som
du har det.
Det kræver måske en lidt mere generel forklaring:
Som Jens skriver, så bør du i almindelighed begrænse brugen af div og
span, men i stedet bruge class eller id på de HTML-elementer, du i
forvejen har.
Altså i stedet for:
<h4><div class="abc"><a href="link.htm"><span
class="sort">Tekst</span></a></div></h4>
(det hele på én linie)
- så bør du bruge:
<h4 class="abc"><a class="sort" href="link.htm">Tekst</a></h4>
(hvilket jo også er lidt simplere)
Humlen er altså, at du har nogle HTML-elementer til at strukturere din
tekst. Du bruger så CSS styles til at give dem egenskaber hver især.
Tit har du faktisk ikke brug for class, da du ofte vil have at *alle*
dine <h4> eller alle dine <a ...> skal have samme egenskaber - så
bliver det blot:
<h4><a href="link.htm">Tekst</a></h4>
- og resten foregår i dit stylesheet.
Hvornår skal der så bruges class og id?
class bruger du, hvis du fx har to *slags* af h4, hvor den ene slags
er standard, mens nogle af dem fx skal være fremhævet med gul tekst.
Standard-typen har bare alm. markup:
<h4>En standard h4-overskrift</h4>
- mens den fremhævede kunne hedde:
<h4 class="fremhaevet">En fremhævet h4-overskrift</h4>
I stylesheet har du så to angivelser;
h4 {
color:black;
background:transparent;
}
h4.fremhaevet {
color:yellow;
background:transparent;
}
("fremhaevet" uden æ, da man bør (skal?) undgå æ, ø, å)
id bruges derimod til at markere et element, som er unikt på siden -
altså hvor der ikke findes flere af samme slags.
Du kunn fx have din side delt op i 3 dele:
<body>
<div id="top">
<!-- en topbjaelke el. lign -->
</div>
<div id="vmenu">
<!-- en venstremenu -->
</div>
<div id="main">
<!-- hoved-delen af siden -->
</div>
</body>
I dette tilfælde vil der kun være én forekomst af topbjælken, én
forekomst af venstremenuen og ét hoved-"vindue", så id vil være det
naturlige valg.
Det vil være direkte forkert at bruge id, hvis der er flere
forekomster, mens det for CSS kan være lidt ligegyldigt, om man bruger
class i stedet for id.
Derimod kan det være vigtigt at bruge id de rigtige steder, hvis man
bevæger sig over i JavaScript.
Konklusion:
- ingen grund til at bruge class eller id, hvis alle <h4> skal være
ens
- brug class hvor man definerer en *type* af <h4>, som skal være
anderledes end "de andre"
- brug id, når der er tale om et unikt element (som altså kun
forekommer en enkelt gang på siden).
PS: Er du sikker på, at h4 er det rette element at vælge i din
sammenhæng? Med andre ord: Har du både h1, h2 og h3 inden? :)
>Håber at I forstår
Har jeg forstået?
Good luck!
--
Jørn Andersen,
Brønshøj