CSS Hyperlink Styling - text + images

Conrad11 · 16 Jun 2008 at 12:55

Is there anyway to put stying on text hyperlinks that doesn't style image hyperlinks without having to put a class on all the paragraphs just with text in?

AGD · 16 Jun 2008 at 13:06

Can't you just use the tags?

a:link img
a:active img
a:visited img
a:hover img

Conrad11 · 16 Jun 2008 at 13:22

yeah that was the first thing i tried.....didn't seem to work for me

....will try again and post back to be doubly sure.

Conrad11 · 16 Jun 2008 at 15:46

Turns out that did work, but it what I was doing wrong was this:

Code:

.class a img{...}
.class a:hover image{...}

when it should be:

Code:

div.class a img{...}
div.class a:hover img{...}

BigglesPiP · 18 Jun 2008 at 06:00

just use

Code:

a:hover{
styles of hovering text links
}
a:hover img{
undo everything you set in "a:hover"
}

Use the cascade to leave the images alone.