Hi again,
the heights are different between the default and the hover.
I recreated the .gif, this time using the PS duplicate command to
get an exact copy of the image.
I then uploaded both images, the original and the over state .gif, to
this online sprite generator:
http://www.csssprites.com/
Hi Brian,
thanks, the tip below helped :-)
you will need to float metadata to the left
As you can see from the link below, I am still struggling to place the
lib rollover correctly.
http://www.liberto.info/cssplay/www/www/cssplay/sprite/sprites.html
It could be a problem with the image as you
i just examined the image closely...The heights are different between
the default and the hover. The widths are the same though. I think once
you make sure the image is exact (to the pixel) it should work right.
__
css-discuss
First: If this is a repost I apologize: I chose plain text in GMail
but in my Sent box it appears it was sent as Rich Text, so I'm
attempting a plain text message again ...now for the 3rd time, with
most html tags stripped out ... it got bounced a few times now :-(
If you've already stopped
Anthony, one problem is that you declared the links as display:block.
This is correct, but in order to have the lib link appear to the right
instead of below metadata you will need to float metadata to the left.
By default, a block level element is 100% width and therefore pushes the
next element