CSS: image link, change on hover?

Use a class for the link itself and forget the div.

Use a class for the link itself and forget the div . Twitterbird { margin-bottom: 10px; width: 160px; height:160px; display:block; background:transparent url('twitterbird. Png') center top no-repeat; } .

Twitterbird:hover { background-image: url('twitterbird_hover. Png'); }.

That could be done with only: #twitterbird { display: block; /* 'convert' to */ margin-bottom: 10px; background-position: center top; background-repeat: no-repeat; width: 160px; height: 160px; background-image: url('twitterbird. Png'); } #twitterbird:hover { background-image: url('twitterbird_hover. Png'); }.

Unfortunately, that renders with width and height of 0 (even with the CSS classes you suggest) in Chrome. – AP257 Jan 17 at 20:25 okay, if I try a test page with just your suggestion it displays... so why have I got a height and width of 0 on my 'real' page? I've tried setting height: 160px!

Important but it doesn't help... – AP257 Jan 17 at 20:29 ...to explain: in Chrome Developer Tools, all the styles above show up under 'Matched Rules', but then in the 'Computed Style' section, the height and width are zero! For no apparent reason. Why?

– AP257 Jan 17 at 20:31 I've created a new question for this: stackoverflow. Com/questions/4717673/… – AP257 Jan 17 at 20:41.

If you give generally give a span the property display:block, it'll then behave like a div, i. E you can set width and height. You can also skip the div or span and just set the a the to display: block and apply the backgound style to it.

It can be better if you set the a element in this way display:block; and then by css sprites set your over background Edit: check this example out jsfiddle.net/steweb/dTwtk.

Thanks - I'll use sprites once I've worked out how to get the element itself displaying with a non-zero width. – AP257 Jan 17 at 20:33 If you set display:block, you should set a fixed width/height to the element ;) – stecb Jan 17 at 20:48 also, check this example out jsfiddle. Net/steweb/dTwtk ..it will help you ;) – stecb Jan 17 at 20:51.

I cant really gove you an answer,but what I can give you is a way to a solution, that is you have to find the anglde that you relate to or peaks your interest. A good paper is one that people get drawn into because it reaches them ln some way.As for me WW11 to me, I think of the holocaust and the effect it had on the survivors, their families and those who stood by and did nothing until it was too late.

Related Questions


Thank You!
send