WN

WN (https://www.wn.se/forum/index.php)
-   Klientsidans teknologier, design och grafik (https://www.wn.se/forum/forumdisplay.php?f=12)
-   -   a hover img text-decoration: none (https://www.wn.se/forum/showthread.php?t=19792)

Saint 2007-03-06 14:04

Hallå.

För hela sajten har jag satt

Kod:

a:hover {background-color:#FFFFCC;}
vilket gör att det blir en bakgrundsfärg när man för musen över en länkad text. Det vill jag ha, men saken är att det blir en bakgrundsbild på bilderna också fast jag satt:

Kod:

a img {text-decoration: none; border: none;}
Och någon bakgrundsfärg över länkade bilder vill jag inte ha. Någonting jag gör är fel, men jag vet inte vad. Någon som har tips?

Björn 2007-03-06 14:18

I den undre där säger du att det är <img> som ligger i en <a> som har vit bg, men det är ju inte fallet, det är ju <a> självt. Du får sätta antingen class på a taggen eller sätta den genom den yttre divven så den prioriteras i caskaden typ; a.dinyttrebilddiv{border:none}

sen.. du sätter ju inte bakgrunden i ditt undre exempel heller så

stakes 2007-03-06 14:24

Ummm..

a img {background: none;}

??

Björn 2007-03-06 17:19

Alltså, sen kan man ju inte ta bort hover med a:link?.. det måste vara .dinYttreClass a:hover

Saint 2007-03-07 16:45

Tackar för svaren, testade dem redan igår. Glämde nämna att jag provat i princip allt möjligt utan att lyckas, även att ge bilderna en class för sig (egentligen ska varken länkar eller bilder ska ha en specifik class enligt min design).

Efter många timmar vid googles sökmotor fann jag att "a img {text-decoration: none; border: none;}" skulle varit det som ska funka, men det gjorde det ej för mig. Många där ute verkar även ha samma problem som jag har.

Jag löste det till slut genom fullhack; gav de länkade bilderna en vit bakgrund istället vilket gör att det överskrider den gula standard-hover för alla länkar.

kabelkultur 2007-03-07 19:44

img { border: 0 } :)

mvh pa


Alla tider är GMT +2. Klockan är nu 22:27.

Programvara från: vBulletin® Version 3.8.2
Copyright ©2000 - 2025, Jelsoft Enterprises Ltd.
Svensk översättning av: Anders Pettersson