ultrus Posted January 9, 2009 Share Posted January 9, 2009 Akk! Hi, I'm making a little slide show control to show by thumbnail images. So far I have a great looking one in FireFox (attached goodFF.png from mac), but it has some odd image spacing in Internet Explorer (attached badIE.png from pc xp). I've tried messing with margins, padding, etc., but it always looks the same in IE. I attached the arrow images separately if you wish to play with those. I'd send you a link to the site to play with but it is in a secure location. Here is the code: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>Akk</title> </head> <style type="text/css"> .thumbNav { border: #565145 1px solid; background-color: #d0cbb9; width: 150px; height: 21px; display:block; padding: 0px; margin: 0px; } .thumbNavLeft { border-right:#565145 1px solid; float: left; } .thumbNavRight { border-right:#565145 1px solid; vertical-align: middle; margin-right: 6px; } </style> <body> <div class="thumbNav"><img id="backArrow1" src="thumbNavL_n.gif" alt="" class="thumbNavLeft" /><img id="nextArrow1" src="thumbNavR_n.gif" alt="" class="thumbNavRight" /><span id="curImgNum1">1</span> of 10 images</div> </body> </html> Any clues? Thanks for your feedback in advance! [attachment deleted by admin] Quote Link to comment Share on other sites More sharing options...
ultrus Posted January 9, 2009 Author Share Posted January 9, 2009 Ah fixed it. I just had to add: .thumbNav img { display: block; } That's it! Thank you Google! Quote Link to comment Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.