Msg#: 4292123 posted 12:59 am on Apr 5, 2011 (gmt 0)
I want link icons/images to 'magnify' when the cursor goes over them, (get slightly larger).I can do this by swapping in a larger version of the icon, I know how to do that. The issue is that I want for the entire row to move a bit to the right AND a bit to the left, when that happens. If I just swap in a larger picture then the icons to the right of the moused-over one will move to the right slightly to make room, but the left ones won't move at all.
So I need to create a line of images that are centered in a div, like text that is centered in a div, but images instead. So I need a whole set of images that are floating as a centered set of images? Does anyone know if this is possible?
here is some html, I didn't include the code for swapping in the larger icons, don't need that. just curious how to format the div that holds the link icon/images
Msg#: 4292123 posted 11:45 am on Apr 5, 2011 (gmt 0)
Thank you, birdbrain, very much for responding. This was my first ever post on a forum. I didn't realize that text-align:center would work for images, didn't even try it until you suggested it and it works fine. I also assumed that when I created a div I had to set dimensions for it, that a div is always a sized bounding box. Thanks.