Re: [css-d] Sprites and positioning links
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/ Unfortunately, I am still having the same problem positioning the "lib" link. I'll keep trying a repost if I find a solution ... Anthony __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Sprites and positioning links
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 [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Sprites and positioning links
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 suggest: I'll have to look more closely at that. On the other hand, the first 2 links rollovers work fine, and I am having trouble seeing what the difference is between these a "lib". On a side note, I changed the image format to .gif , as the .png was causing IE 6 to show an initial black box on the "overview" link. Tony __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Sprites and positioning links
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 to be below it, you need it to the right and floating metadata will allow lib to come onto the same line. The second issue is that the images are not lining up 100%, i think this is an error in the actual image though. Sincerely, Brian __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
