Gå til innhold

[Løst] a:hover på bilde i opera, firefok og IE


Anbefalte innlegg

Skrevet (endret)

Hei

 

Sliter litt med at når jeg skal lage eit bilde som en link så blir det feil ved a:hover

 

(Se bildet)

 

Det skal bli sånn som bildet "Firefox"

 

Viss dette er umulig så kan jeg få alle til å se ut som "Opera"

 

Vil ivertfall ikke ha det slik som "IE"

 

 

Håper på svar :thumbup:

 

 

Edit: bildet ja :blush:

post-63993-1168554507_thumb.jpg

Endret av avalaker
Videoannonse
Annonse
Skrevet

Hvis jeg tolket det rett så vil du ikke ha border rundt, eller?

 

Slik fjerner du i allefall bordern på lenkede bilder!

a img{
border:0px;
}

Skrevet
Javisst!

 

Slik:

 

a img {
border: 2px solid #ffc803; }

 

Er ikke CSS flott  :thumbup:

7704803[/snapback]

 

 

Men nå blir det jo gul ramme uansett :ermm: Jeg vil ha gul ramme når jeg drar pilen over bildet, og ingen ramme når jeg ikke holder pilen på bildet...

 

Jeg er litt dårli til å forklare, men håper du skjønner hehe :blush:

Skrevet

Jeg fant det ut :D

 

a:link img {

border: 2px solid #ffffff; }

 

a:visited img {

border: 2px solid #ffffff; }

 

a:hover img {

border: 2px solid #ffc803; }

 

 

 

Takk for hjelpa folkens!!! :thumbup:

Skrevet (endret)

Ingen kant er jo slik da. Ditt forslag er jo bare hvit kant på hvit bakgrunn sikkert :p

 

Sånn for å pirke litt!

 

a img {
border: none; }

a:hover img {
border: 2px solid #ffc803; }

Endret av JohnRichard
Skrevet

JohnRichard: Da vil jo hele saken flytte på seg ved hover, så så lenge bakgrunnen er helt hvit, er metoden han kom fram til selv den beste, med modifikasjonene til Runar. :)

Skrevet (endret)

Kan selvfølgelig enkelt løses med 2px margin når ramma er borte, noe som jo er bedre i alle tilfeller når jeg tenker meg om. Margin er jo gjennomsiktig :)

Endret av Mr.Berg

Opprett en konto eller logg inn for å kommentere

Du må være et medlem for å kunne skrive en kommentar

Opprett konto

Det er enkelt å melde seg inn for å starte en ny konto!

Start en konto

Logg inn

Har du allerede en konto? Logg inn her.

Logg inn nå
×
×
  • Opprett ny...