Understreg af link - hoover/visited

Kenneth Rafn

unread,

Mar 14, 2010, 6:46:18 PM3/14/10

to

Jeg vil markere links v.h.a. en farve der adskiller sig fra den
oprindelige tekst og ikke ved en understregning. Understregningen
skal komme frem når jeg fører musen over linket. Efter at have
aktiveret linket (visited) skal linket fungere som før.

Jeg kan godt få det til at fungere, men kun indtil at jeg har
aktiveret linket første gang - visited går ind og tager over.

der sker det at enten bliver understregningen permanent eller
osse for svinder den. Mit stylesheet ser sådan ud:

a:link {
text-decoration: none;
color: #77000A;
}

a:hover {
text-decoration: underline;
color: #77000A;
}

a:active {
color: #77000A;
}

a:visited {
color: #77000A;
text-decoration: none;

i dette tilfælde forsvinder understregningen. Jeg kan fjerne
"text-decoration: none;" men så er linket understreget permanent
efter at have aktiveret det.

Nogen forslag?

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

Kenneth Rafn

unread,

Mar 14, 2010, 7:26:22 PM3/14/10

to

Kenneth Rafn wrote in dk.edb.internet.webdesign.html:

> Jeg vil markere links v.h.a. en farve der adskiller sig fra den
> oprindelige tekst og ikke ved en understregning. Understregningen
> skal komme frem når jeg fører musen over linket. Efter at have
> aktiveret linket (visited) skal linket fungere som før.
>
> Jeg kan godt få det til at fungere, men kun indtil at jeg har
> aktiveret linket første gang - visited går ind og tager over.
>
> der sker det at enten bliver understregningen permanent eller
> osse for svinder den. Mit stylesheet ser sådan ud:
>
> a:link {
> text-decoration: none;
> color: #77000A;
> }
>
>
> a:hover {
> text-decoration: underline;
> color: #77000A;
> }
>
>
> a:active {
> color: #77000A;
> }
>
>
> a:visited {
> color: #77000A;
> text-decoration: none;
>
> i dette tilfælde forsvinder understregningen. Jeg kan fjerne
> "text-decoration: none;" men så er linket understreget permanent
> efter at have aktiveret det.
>
> Nogen forslag?
>
>

Efter flere timers desperat søgen ser det ud som om problemet er
løst:

Rækkefølgen skal være:
link
visited
hoover
active

Har jeg ret eller?

Rune Jensen

unread,

Mar 14, 2010, 7:29:57 PM3/14/10

to

Den 14-03-2010 23:46, Kenneth Rafn skrev:
> Jeg vil markere links v.h.a. en farve der adskiller sig fra den
> oprindelige tekst og ikke ved en understregning. Understregningen
> skal komme frem når jeg fører musen over linket. Efter at have
> aktiveret linket (visited) skal linket fungere som før.
>
> Jeg kan godt få det til at fungere, men kun indtil at jeg har
> aktiveret linket første gang - visited går ind og tager over.
>
> der sker det at enten bliver understregningen permanent eller
> osse for svinder den. Mit stylesheet ser sådan ud:
>
> a:link {
> text-decoration: none;
> color: #77000A;
> }
>
>
> a:hover {
> text-decoration: underline;
> color: #77000A;
> }
>
>
> a:active {
> color: #77000A;
> }
>
>
> a:visited {
> color: #77000A;
> text-decoration: none;
>
> i dette tilfælde forsvinder understregningen. Jeg kan fjerne
> "text-decoration: none;" men så er linket understreget permanent
> efter at have aktiveret det.
>
> Nogen forslag?

Ikke umiddelbart i dag, det er lidt for sent at gå i kode/test-mode nu,
men din rækkefølge i stylen er i hvert fald forkert. Det er sjældent,
man skal tage hensyn til dette, men lige links er en undtagelse.

Du skal bruge rækkefølgen LoVe HAte, altså

1. Link
2. Visited
3. Hover
4. Active

MVH
Rune Jensen

Philip Nunnegaard

unread,

Mar 15, 2010, 3:07:18 AM3/15/10

to

Den 15-03-2010 00:26, Kenneth Rafn skrev:

> Rækkefølgen skal være:
> link
> visited
> hoover
> active
>
> Har jeg ret eller?

Rune svarede åbenbart samtidig med dig selv (fed huskeregel i øvrigt).
Jeg kan dog tilføje, at eftersom du tilsyneladende har samme erklæring
på både link, visited og active, kan koden forenkles til dette:

a {
text-decoration: none;
color: #77000A;
}

a:hover {
text-decoration: underline;
}

--
Philip - http://www.chartbase.dk | http://www.hitsurf.dk

Stig Johansen

unread,

Mar 15, 2010, 4:23:34 AM3/15/10

to

Philip Nunnegaard wrote:

> Rune svarede åbenbart samtidig med dig selv (fed huskeregel i øvrigt).

Enig, og det er jo netop sådanne huskeregler, der gør det lettere, men hvor
placerer man dem?

Det er vist ikke de store opdateringsbølger der forgår på nettet, mere
henvisninger til 'sådan har det altid været'.

--
Med venlig hilsen
Stig Johansen

Jørgen Farum Jensen

unread,

Mar 15, 2010, 8:08:28 AM3/15/10

to

Stig Johansen skrev:

> Philip Nunnegaard wrote:
>
>> Rune svarede åbenbart samtidig med dig selv (fed huskeregel i øvrigt).
>
> Enig, og det er jo netop sådanne huskeregler, der gør det lettere, men hvor
> placerer man dem?

Side 53 i Webdesign med stylesheets ;-)

Og skal man være lidt pernitten er det
LoVeFuckHAte for
a:link
a:visited
a:focus
a:hover
a:active

--

Med venlig hilsen
Jørgen Farum Jensen
Håndbog i webdesign: http://webdesign101.dk/wwwbog/udgave2/
Webdesign med stylesheets: http://webdesign101.dk/cssbog/
.