By takaakikato on

This is not specific to Drupal, but your help would be greatly appreciated.

I'm kind of inexperienced when it comes to CSS. I have a styling for a so that links are underlined most of the time, and change according to the cursor location. For example, when hovered, the link changes the background.

My CSS styling works as expected with link text, but adding a tag to img, I have a problem. With image link, I don't want to have the same setting as text link. I simply avoid all the stuff, and whether or not the image is linked, I want the image simply to show up without any decoration.

Suspects are located in the two following locations.

http://samuraicoder.net/misc/drupal.css
http://samuraicoder.net/themes/samuraicoder/style.css

⋅ Categories: Drupal 4.7.x

Comments

dman’s picture

dman commented

Your third paragraph was not very clear on what the problem was.

You have links set up to change the background, but want image links to not change the background?
so CSS:

 a:hover { background-color:red }
 a:hover img { background-color:white }

or something?

or get a bit more specific by adding classes to your links and going off them.

.dan.
How to troubleshoot Drupal | http://www.coders.co.nz/

.dan. is the New Zealand Drupal Developer working on Government Web Standards

takaakikato’s picture

takaakikato commented

Thanks a lot. It's solved. I was trying img a:hover and so on instead of a:hover img.

Sorry for my unclear English. You solved the problem I've been having for several months.

Thanks a lot.