Jan Hansen <jan@jantheman.dk> writes:
> Jeg vil gerne have stiplede linier omkring ordafsnit og billeder
> på min hjemmeside. <pre>-funktionen er ikke optimal til dette.
> Jeg vil gerne lave det i CSS med <div>-funktionen. Jeg forstår
> efterhånden, hvordan <div> fungerer i HTML, men vil gerne lære
> mere om det...
Du putter en stiplet linje omkring et div-element på samme måde
som alle andre elementer: med en border.
Eksempel:
---
<style type="text/css">
.indrammet {
border: 2px dotted black;
}
</style>
...
<div class="indrammet">
Juletræ, goldbold, og sådan noget.
</div>
---
> Hvor kan jeg iøvrigt lære mere om <div>?
<div>-elementer er ikke specielle på nogen måde. De er ganske
almindelige block-level HTML-elementer, lige som <p> og <h1>.
Den eneste forskel er at <div>-elementer *ikke* har et specielt
udseende på forhånd, og at de ikke har en strukturel betydning.
Man bør kun bruge <h1>-elementer til overskrifter, fordi <h1>
*betyder* at det er en overskrift. Selv hvis man ændrer dens udseende,
så vil, fx, en HTML-oplæser stadig vide at det er en overskrift. Et
<div>-element er bare en kasse at putte ting i, den betyder ikke noget
i sig selv. Lidt lige som parenteser i matematik, de grupperer
indholdet, men betyder ikke noget selv. Derfor er div-elementer gode
til at hænge ens CSS på, da man ikke skal kæmpe mod deres normale
udseende.
(<span>-elementer er også elementer uden egen betydning og udseende,
de er blot inline-elementer. Inline-elementer flyder med teksten.
Andre eksempler er <em> og <a>)
/L
--
Lasse Reichstein Nielsen - lrn@hotpop.com
DHTML Death Colors: <URL:
http://www.infimum.dk/HTML/rasterTriangleDOM.html>
'Faith without judgement merely degrades the spirit divine.'