PDA

View Full Version : img in li


tony09uk
10-02-2011, 10:55 PM
relevant link (http://www.elementsclassroom.com/testfolder/test.html)

PROBLEM:
image does not expand when you hover over the li text although text and image will grow when the image is hovered over.

I know i'm missing something obvious please help

domedia
10-03-2011, 01:09 PM
The image is not here

tony09uk
10-03-2011, 02:24 PM
that has been rectified.

domedia
10-04-2011, 03:05 AM
Image expands fine it seems.

Can you narrow down the problem, or is it this you had rectified? :)

tony09uk
10-04-2011, 09:00 AM
I would like the image to increase in size when you hover over the text - which it currently doesn't. Currently if you hover over the image the text and image will expand and if you hover over the text only the text expands. I want both to expand at the same time no matter which you hover over.

domedia
10-04-2011, 12:49 PM
Hi tony,

Try changing this line:
.navigation ul.nav li img:hover {
height: 42px;
width: 40px;
}

to
.navigation ul.nav li a:hover img {
height: 42px;
width: 40px;
}

You want the hover effect to appear when the mouse hovers the link, not the image. Does that make sense?

.