---

Hej med jer.

Jeg har 2 spørgsmål:

1. Hvordan kan jeg lave links i 2 forskellige farver når jeg
bruger pseudo-classes? Jeg skal have nederste link på flg. side
til at være med hvid skrift, men resten af links'ne skal være med
sort:
http://www.nitro.1go.dk/index5.htm

2. På samme side er der et "mystisk" mellemrum lige under
toplogoet. Jeg kan simpelthen ikke gennemskue hvorfor det er der.
Det var der ikke i starten da jeg lavede siden, men da jeg lavede
noget om opstod det pludselig. Og nej, kan ikke huske hvad jeg
lavede om.
Skal lige siges at mellemrummet bliver større/mindre, når man
laver textsize i browseren større/mindre. Måske det kan hjælpe
til at opklare mysteriet :)

Vh. Jesper

--
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 Hansen skrev:

>1. Hvordan kan jeg lave links i 2 forskellige farver når jeg
>bruger pseudo-classes?

Nemt:

a.sort:link { color:#000; text-decoration:underline; }
a.sort:visited { color:#000; text-decoration:underline; }
a.sort:hover { color:#000; background:#A30; text-decoration:none;
}

a.hvid:link { color:#fff; text-decoration:underline; }
a.hvid:visited { color:#fff; text-decoration:underline; }
a.hvid:hover { color:#fff; text-decoration:underline; }


>Jeg skal have nederste link på flg. side
>til at være med hvid skrift, men resten af links'ne skal være med
>sort:

<a class="sort" href="verdensersortud.html">Klik her hvis du er
pessimist</a>.

<a class="hvid" href="verdenserlysud.html">Klik her hvis du er
optimist</a>.

Du kan sætte forskellige farver på de forskellige 'statusser'.
Bemærk at tre hexkoder er nok hvis de er ens to og to, altså:
#ffaabb = #fab

>2. På samme side er der et "mystisk" mellemrum lige under
>toplogoet.

Jeg synes ikke jeg ser det i Opera 7.23.

--
Bertel
http://bertel.lundhansen.dk/   FIDUSO: http://fiduso.dk/

---

Bertel Lund Hansen <nospamius@lundhansen.dk> skrev :

>Jeg synes ikke jeg ser det i Opera 7.23.

Ses kun i IE.
--
Knud

---

Jesper Hansen <jew1919@hotmail.com> skrev :

>. Hvordan kan jeg lave links i 2 forskellige farver når jeg
>bruger pseudo-classes?

Brug class til det.

http://html-faq.dk/2008.asp
http://www.html.dk/tutorials/css/lektion7.asp

>2. På samme side er der et "mystisk" mellemrum lige under
>toplogoet.

Sæt vertical-align: bottom på billedet.

<img style="vertical-align: bottom" height=120
alt="Hvidkildehusenes Ejerlaug"
src="Hvidkildehusenes Ejerlaug-filer/logo.jpeg" width=750>

PS. Valider siden på http://validator.w3.org/.

Koden er blevet bedre, men der er stadig fejl, når du ønsker at
bruge strict xhtml.

Ved et hurtigt kig:
Alle tags skal skrives med små bogstaver, ikke IMG, men img -
ikke <TABLE style="VERTICAL-ALIGN: top" cellSpacing=0
cellPadding=0>, men <tabe style="vertical-align: top"
cellspacing=0 cellpadding=0>

Alle former for farver, formatering skal være med css, så
<TD bgColor=#000000 colSpan=3>
er ikke tilladt.
Skriv det i din css.
td {background-color: #000000}

Der skal være gåseøjne omkring alle angivelser, størrelser og
tekst, så ikke alt=Historie, men alt="Historie" - ikke
class=menu, men class="menu" osv.
--
Knud

---

Knud Gert Ellentoft <ellentoft@mail.tele.invalid> skrev :

>cellPadding=0>, men <tabe style="vertical-align: top"

table style="vertical-align: top"
selvf.
--
Knud

---

Jesper Hansen skrev:

> 1. Hvordan kan jeg lave links i 2 forskellige farver når jeg
> bruger pseudo-classes?

Med klasser og/eller brug af kontekstafhængige selektorer.

En simpel måde er blot at sætte en klasse på linket:

a.speciel:hover{ color: blue; }

Det kræver så at man bruger <a class="speciel"> i html-koden.

Det er - i mine øjne - lidt mere elegant at bruge
kontekstselektoren:

#bund a:hover { color: blue; }

Ovenstående fanger hover-links der ligger inde i id-elementet bund.


> 2. På samme side er der et "mystisk" mellemrum lige under
> toplogoet.

Ikke i min standardbrowser - men jeg kan se problemet i IE.

Jeg vil tro at forskellen skyldes en fejl i din css-kode - prøv at
validere den og se om det hjælper.
--
Jens Gyldenkærne Clausen
Svar venligst under det du citerer, og citer kun det der er
nødvendigt for at forstå dit svar i sammenhængen. Se hvorfor og
hvordan på http://usenet.dk/netikette/citatteknik.html

---

Tak for hjælpen alle.
Det virker nu fint ved at sætte det i class og ved at sætte
vertical-align:bottom.

Forresten, ved godt at jeg skal validere mm., men da jeg skrev dette
indlæg havde jeg ikke fået rettet igennem, da jeg først lige disse
dage har lært xhtml+css. Da jeg startede på siden kendte jeg kun til
alm. gammel htmt uden style="".

Skal lige siges at min kode nu er rettet for fejl, så nu er siden både
xhtml 1.1 og css valid.

--
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 Hansen skrev:

> Tak for hjælpen alle.

Velbekomme.


> Skal lige siges at min kode nu er rettet for fejl, så nu er
> siden både xhtml 1.1 og css valid.

Det er fint at den validerer, men hvorfor benytter du xhtml 1.1?
Hvis du googler på emnet i gruppen her, vil du kunne finde en del
argumenter for at det er problematisk at anvende xhtml 1.1 til
sider der også skal vises i IE.

Bemærk dog at det er en forholdsvis teoretisk debat - dine sider
kan fint vises i IE selv om de er angivet som XHTML 1.1 og sendes
som text/html. Problemet er bare at man ikke bør sende XHTML 1.1-
sider som text/html - og derudover at IE ikke forstår den type der
så skal anvendes (application/xhtml+xml).

Jeg vil anbefale at man holder sig til xhtml 1.0 strict - det giver
samme muligheder som 1.1, og det er i orden - jf
<http://www.w3.org/TR/xhtml-media-types/> - at sende det som
text/html.
--
Jens Gyldenkærne Clausen
Svar venligst under det du citerer, og citer kun det der er
nødvendigt for at forstå dit svar i sammenhængen. Se hvorfor og
hvordan på http://usenet.dk/netikette/citatteknik.html

---

> Jeg vil anbefale at man holder sig til xhtml 1.0 strict - det
giver
> samme muligheder som 1.1, og det er i orden - jf
> <http://www.w3.org/TR/xhtml-media-types/> - at sende det som
> text/html.

Okay, det gør jeg så. Har ikke noget argument for at have valgt
xhtml 1.1, det var egentlig mest for at se om den kunne validere
der.
Men går tilbage til xhtml 1.0 strict :)

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