Jens GyldenkærneClausen wrote in dk.edb.internet.webdesign.html:
> Rita Ilsted Smith skrev:
>
> > Min side hedder:
www.hoestblomsten.dk
>
> Tak for linket.
>
> > Jeg har lavet en menustruktur og formatteret alle links med
> > den farve etc., jeg ville have på menupunkterne - det gik
> > fint.
>
> Det er godt at det virker - men du har nogle problemer i koden. Du
> ser ud til at være ramt af "div'itis" - altså alt for mange div-
> elementer.
>
> Du skal ikke bruge et div-element hver gang du skal lave et link -
> bestemt ikke. En div fungerer som en "kasse" der grupperer
> forskellige elementer sammen. Selv om det ikke direkte er skadeligt
> at anvende mange kasser, er der ikke brug for at anvende så mange
> som du har gjort. Din menu ser fx sådan ud:
>
> <div id=".."><div class="menutekst">Gæstebog</div></div>
> <div id=".."><div class="menutekst"><a ..>..</a></div></div>
> <div id=".."><div class="menutekst"><a ..>..</a></div></div>
> <div id=".."><div class="menutekst">Havelinks</div></div>
>
> (punktummerne markerer blot udeladt tekst)
>
> Her har du hvert menupunkt pakket ind i to kasser (en med id, en
> med klasse), men du har ikke nogen fælles beholder til dine
> menulinks. Du kan gøre strukturen væsentlig lettere at overskue ved
> at lægge én kasse uden om alle links, og så ellers have de enkelte
> links for sig selv:
>
> <div id="menu">
> <a ..>..</a>
> <a ..>..</a>
> <a ..>..</a>
> <a ..>..</a>
> </div>
>
> Hvis der skal være linjeskift og margen mellem de enkelte links,
> kan du lægge dem ind i p-elementer:
>
> <div id="menu">
> <p><a ..>..</a></p>
> <p><a ..>..</a></p>
> <p><a ..>..</a></p>
> <p><a ..>..</a></p>
> </div>
>
>
> Det er ikke nødvendigt at definere en klasse på hvert enkelt link -
> herover kan du definere farver og evt. understregning med
> #menu a{ .. }, og du kan definere margen med #menu p{ .. }.
>
>
> Når du skal definere links i din løbende tekst, er det letteste nok
> bare at bruge en standard-selektor der rammer alle links - fx som
> følger:
>
> a{ color: red; background-color: white; }
>
> Det gør ikke noget at du definerer noget andet end den definition
> du har til dine menu-links. De links du har i menuen vil blive
> "ramt" af begge definitioner, men da en definition baseret på
> klasse eller id vinder over en "rå" definition, vil det være det du
> skriver i menu-specifikationen der kommer til at gælde dér. Dog
> skal du være opmærksom på at det kun er overlappende egenskaber der
> ændres - hvis du fx angiver skrifttypen og farven på alle links med
> a{ font-family: verdana, sans-serif; color: blue; } og kun angiver
> farven på dine menulinks: #menu a{ color: red; } - vil
> skrifttypetildelingen stadig gælde for links i menuen.
>
> Udover de (for) mange div-elementer, har du også nogle konkrete
> kodefejl på din side. Du mangler at angive tegnsæt og doctype, og
> siden indeholder nogle fejl i html-koden.
> På siden <
http://www.html-faq.dk/1005.asp> kan du se hvad der skal
> være på en html-side og hvordan man får kontrolleret at det er på
> plads.
> Tusind tak for din udførlige vejledning - jeg vil prøve at følge
den. Jeg er begynder i programmering i html/css, så jeg har ikke
hidtil lagt særlig vægt på validering. Men det vil jeg gøre fremover!
hilsen
Rita
> Bolig søges. Andel eller leje i Emdrup, Nordvest, Nørrebro, Søborg
> eller Brønshøj, max 6000 pr. måned.
> Kontakt pr. mail - nospam(at)gyros.dk
> Jens Gyldenkærne Clausen
--
Vil du lære at kode HTML, XHTML, CSS, SSI, ASP eller ASP.NET?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! =>
http://www.html.dk/tutorials