/ 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
CSS og hover color??
Fra : Tony H. Reinkvist


Dato : 12-09-01 15:00

Jeg har den lille finurlige ting i mit hovede, at jeg vil have en anden
baggrundsfarve på links når cursoren er over (Hover eller Active). Så langt,
så nemt. MEN når man nu har flere sider, hvor der skal være forskellige
farver på de enkelte hovedlinks på samme side, er der så nogen mulighed for
at definere det i et eksternt style sheet. Det skal fungere lidt á la
http://www.computerarts.co.uk/. De benytter DHTML, som jo hovedsageligt er
for IE. I øjeblikket benytter jeg den simple med en standardhoverfarve for
alle hovedlinks (home1.stofanet.dk/tony)


Tony Reinkvist



 
 
Knud Gert Ellentoft (12-09-2001)
Kommentar
Fra : Knud Gert Ellentoft


Dato : 12-09-01 16:35

Wed, 12 Sep 2001 15:59:49 +0200, skrev "Tony H. Reinkvist"
<tony@stofanet.dk>:

>
>Jeg har den lille finurlige ting i mit hovede, at jeg vil have en anden
>baggrundsfarve på links når cursoren er over (Hover eller Active). Så langt,
>så nemt. MEN når man nu har flere sider, hvor der skal være forskellige
>farver på de enkelte hovedlinks på samme side, er der så nogen mulighed for
>at definere det i et eksternt style sheet.

brug class.

I stylesheet:
a.red:hover   {color: black; background-color: red}
a:yellow:hover   {color: black; background-color: yellow}

og ved links:
<a class="red" href="link.htm">Linktekst</a>
<a class="yellow" href="link.htm">Linktekst</a>
--
med venlig hilsen
Knud
http://home13.inet.tele.dk/smedpark/

Tony H. Reinkvist (12-09-2001)
Kommentar
Fra : Tony H. Reinkvist


Dato : 12-09-01 18:56

Den prøver jeg. Foreløbig takker

Tony Reinkvist



Tony H. Reinkvist (13-09-2001)
Kommentar
Fra : Tony H. Reinkvist


Dato : 13-09-01 08:32

Jeg fandt ud af, at den kendte jeg egentlig. Problemet var mere at feltet i
tabellen skulle udfyldes også. Jeg fandt ud af, at det var blot at smide
noget "height" og noget "width" på, så class'en blev som nedenstående

A.MenuBlue:Hover {
background-color: #657CB1;
color : White;
text-decoration: none;
height : 15px;
width :100px;
}

Tony Reinkvist

* CSS-problemer? Prøv TopStyle Pro fra www.bradsoft.com *



Knud Gert Ellentoft (13-09-2001)
Kommentar
Fra : Knud Gert Ellentoft


Dato : 13-09-01 15:53

Thu, 13 Sep 2001 09:32:11 +0200, skrev "Tony H. Reinkvist"
<tony@stofanet.dk>:

>Jeg fandt ud af, at det var blot at smide
>noget "height" og noget "width" på, så class'en blev som nedenstående

Det er ikke den rigtige måde, at gøre det på, det giver højst
uforudsige resultater i andre browsere end IE, fordi det ikke følger
standarden.

Brug i stedet for:
<td style="background-color: green;"
onMouseOver = "this.style.backgroundColor='red';"
onMouseOut = "this.style.backgroundColor='green';">
<a href="link.htm">Linktekst</a>
</td>

Og havde du fortalt, at det var en tabelcellebaggrund, du ville have
ændret, så havde du fået det svar med det samme...
--
med venlig hilsen
Knud
http://home13.inet.tele.dk/smedpark/

Tony H. Reinkvist (13-09-2001)
Kommentar
Fra : Tony H. Reinkvist


Dato : 13-09-01 19:13

Øhm, det er fint med baggrunden, men det var egentlig meningen at linket
skulle ændre farve også. Det er måske bøvlet, men jeg ville lave en løsning
med menu-links uden at skulle lave gif-billeder til hvert menupunkt. Hvis du
kigger på http://www.computerarts.co.uk/ vil du se hvad jeg mener. Det er
egentlig den løsning jeg kunne tænke mig i style sheet...

Tony Reinkvist



Knud Gert Ellentoft (13-09-2001)
Kommentar
Fra : Knud Gert Ellentoft


Dato : 13-09-01 20:29

Thu, 13 Sep 2001 20:13:28 +0200, skrev "Tony H. Reinkvist"
<tony@stofanet.dk>:

>Øhm, det er fint med baggrunden, men det var egentlig meningen at linket
>skulle ændre farve også. Det er måske bøvlet, men jeg ville lave en løsning
>med menu-links uden at skulle lave gif-billeder til hvert menupunkt. Hvis du
>kigger på http://www.computerarts.co.uk/ vil du se hvad jeg mener. Det er
>egentlig den løsning jeg kunne tænke mig i style sheet...

Jeg kan ikke lige se, hvad det er du mener på computerarts.

Men er det ikke bare, at lave en a med en color på links og så have en
anden color i hover?
--
med venlig hilsen
Knud
http://home13.inet.tele.dk/smedpark/

Tony H. Reinkvist (14-09-2001)
Kommentar
Fra : Tony H. Reinkvist


Dato : 14-09-01 07:17

Hvis jeg laver den TD løsning du foreslår, så skifter feltet farve, men ikke
linket. Det sker først når man kommer over linket. JEg ville gerne have en
højde på ca. 25px på felterne i menuen. Løsningen med TD synes jeg ikke er
så smart...

Men jeg kan da se på den hjælp jeg har fået her fra NG og fra
http://www.eksperten.dk, at det åbenbart ikke ligger lige for med en
løsning. Jeg synes at folk går ovber i DHTML hele tiden og så ryger min ide
med CSS.

Tony Reinkvist



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

Månedens bedste
Årets bedste
Sidste års bedste