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] Link to comment https://forums.phpfreaks.com/topic/140202-solved-mini-slide-show-control-div-2-images-and-text-looks-great-in-ff-sucks-in-ie/ 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! Link to comment https://forums.phpfreaks.com/topic/140202-solved-mini-slide-show-control-div-2-images-and-text-looks-great-in-ff-sucks-in-ie/#findComment-733680 Share on other sites More sharing options...
Recommended Posts
Archived
This topic is now archived and is closed to further replies.