/ Forside / Teknologi / Udvikling / HTML / Nyhedsindlæg
Login
Glemt dit kodeord?
Brugernavn

Kodeord


Reklame
Top 10 brugere
HTML
#NavnPoint
molokyle 11184
Klaudi 5506
bentjuul 3377
severino 2040
smorch 1950
strarup 1525
natmaden 1396
scootergr.. 1320
e.c 1150
10  miritdk 1110
Skifte baggrunde på links
Fra : Kim B. Nissen


Dato : 21-03-05 23:10

Er der måde man ved fx at bruge a:link, a:hover, a:active eller
noget andet kan gøre sådan at man skifter mellem 4 baggrunde bag
et link.
Det skal bruges til toppen af en menu hvor der er et
baggrundsbillede med en pil på:

1.En opad pil når man ikke har ført musen over linket
2.En mouseover opad pil når man har ført musen over linket
3.En nedad pil når man har trykket på linket
4.En mouseover nedad pil når man igen føre musen over linket

5. 1'eren igen.



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

 
 
Benny Nissen (21-03-2005)
Kommentar
Fra : Benny Nissen


Dato : 21-03-05 23:24

Kim B. Nissen wrote:
> Er der måde man ved fx at bruge a:link, a:hover, a:active eller
> noget andet kan gøre sådan at man skifter mellem 4 baggrunde bag
> et link.

Ja da. Du sætter bare baggrunden på de forskellige tilstande:

a:link {
background-image:url(image1.gif);
}

a:hover {
background-image:url(image2.gif);
}

o.s.v.

--
Benny

Kim B. Nissen (21-03-2005)
Kommentar
Fra : Kim B. Nissen


Dato : 21-03-05 23:41

Benny Nissen wrote in dk.edb.internet.webdesign.html:
> Kim B. Nissen wrote:
> > Er der måde man ved fx at bruge a:link, a:hover, a:active eller
> > noget andet kan gøre sådan at man skifter mellem 4 baggrunde bag
> > et link.
>
> Ja da. Du sætter bare baggrunden på de forskellige tilstande:
>
> a:link {
> background-image:url(image1.gif);
> }
>
> a:hover {
> background-image:url(image2.gif);
> }
>
> o.s.v.
>
> --
> Benny

Jeg synes ikke der kommer noget billede frem:

<html>

<head>
<style type="text/css">
body {background-color: white;}
a:link {background-image:url(xptitle.jpg);}

a:hover {background-image:url(xptitle2.jpg);}
</style>
</head>

<body>
<a href="http://www.html.dk">
Her er
</a>

</body>
</html>

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

Benny Nissen (21-03-2005)
Kommentar
Fra : Benny Nissen


Dato : 21-03-05 23:49

Kim B. Nissen wrote:

> Jeg synes ikke der kommer noget billede frem:

[snip kode]

Kan vi ikke lige få et link til din side ?

Funktionen er brugt her:
http://vestvision.dk

Der skiftes baggrunden ud på links i f.eks. venstre menu.
Se i evt. i koden, hvordan det er lavet.

--
Benny

Kim B. Nissen (22-03-2005)
Kommentar
Fra : Kim B. Nissen


Dato : 22-03-05 00:17

Benny Nissen wrote in dk.edb.internet.webdesign.html:
> Kim B. Nissen wrote:
>
> > Jeg synes ikke der kommer noget billede frem:
>
> [snip kode]
>
> Kan vi ikke lige få et link til din side ?
>
> Funktionen er brugt her:
> http://vestvision.dk
>
> Der skiftes baggrunden ud på links i f.eks. venstre menu.
> Se i evt. i koden, hvordan det er lavet.
>
> --
> Benny

Dama6e.1go.dk


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

Benny Nissen (22-03-2005)
Kommentar
Fra : Benny Nissen


Dato : 22-03-05 00:30

Kim B. Nissen wrote:

> Dama6e.1go.dk

Det virker da fint.

Problemet er, at dine baggrundsbilleder er meget bredere end
menu-teksten, så derfor kan du ikke se, at de bliver udskiftet.

Pvør at klikke pået link (siden findes ikke) og brug derefter browserens
tilbageknap.
Så kan du se, at det link du klikkede på ikke har en baggrundsdfarve før
du holder musen over det.
Det er fordi a:visited ikke har fået defineret et baggrundsbillede.

Så funktionen virker, men du skal lige have sat en bredde på din menu,
der svarer til dine baggrundsbilleder. Husk også at bruge en anden
skriftfarve end blå på den blå baggrund.

--
Benny

Søg
Reklame
Statistik
Spørgsmål : 177554
Tips : 31968
Nyheder : 719565
Indlæg : 6408852
Brugere : 218888

Månedens bedste
Årets bedste
Sidste års bedste