WN - a:hover

WN (https://www.wn.se/forum/index.php)

- Klientsidans teknologier, design och grafik (https://www.wn.se/forum/forumdisplay.php?f=12)

- - a:hover (https://www.wn.se/forum/showthread.php?t=14965)

Iceyes

2006-07-05 23:42

någon som vet hur man ändrar hover färg till olika länkar skriver jag exempelvis

Kod:

}



a:link {

        color: #FFFFFF;

        text-decoration: none;

}

a:visited {

        color: #FFFFFF;

        text-decoration: none;

}

a:hover {

        color: #000000;

        text-decoration: none;

}

a:active {

        color: #FF0000;

        text-decoration: none;

}

det där ändrar exempelvis alla länkfärger på hela sidan, men om jag har 2 st menyer och ena ska ha dem färgerna och den andra ska ha andra a:hover färger hur ändrar man det?

guran

2006-07-06 00:52

Det enklaste är att tilldela de a-taggar som ska vara avvikande en class. T.ex.:

Kod:

a.avvikande a:hover

{

 avvikande kod;

}



<a class="avvikande" href=""></a>

f_b	2006-07-06 08:15

Ett annat alternativ är att göra två divvar (eller ännu hellre två listor) som man stylar till.

Kod:

div#meny1 a:hover{

   color:#000;

}



div#meny2 a:hover{

   color:#fff;

}

...

...

...



<div id="meny1">

   <a href="">länk</a>

   <a href="">länk</a>

   <a href="">länk</a>

</div>

<div id="meny2">

   <a href="">länk</a>

   <a href="">länk</a>

   <a href="">länk</a>

</div>

Blackex

2006-07-06 08:33

Det här inlägget hör hemma på klienten, inte på serversidans teknologier.

Iceyes

2006-07-06 22:33

Citat:

Originally posted by Blackex@Jul 6 2006, 08:33
Det här inlägget hör hemma på klienten, inte på serversidans teknologier.

Jag får ursäkta att jag postade inlägget fel.

I varje fall som helst så fungerar allt nu :)
tack för all hjälp!

kullervo

2007-05-11 17:47

Jag håller på att fixa inverterad länkfärg när man håller musen ovanför en länk. Dvs. om det är en blå länk på vit bakrund blir bakrunden blå och texten vit när man håller musen ovanför. Finns det något fiffigt css-hack för att göra det enkelt eller är det enda som gäller att definiera upp a och a:hover för alla kombinationer av bakrundsfärger och länkfärger?

P.g.a. oenhetlig design, dålig struktur på html+css samt en del lustigheter med IEs parser har jag lagt ner mitt försök för ovanstående tillvägagångssätt. Nu hoppas jag på att någon tipsar om en annan lösning.

Alla tider är GMT +2. Klockan är nu 14:49.