shalli Posted April 3, 2010 Share Posted April 3, 2010 Hi there I am building a website for a friend and I keep getting loads of whitespace under the images. I am using css to position the images. I have tried display:block and to vertical_align but this doesnt seem to work? :'( :'(. Any chance anyone knows any other way of removing whitespace cheers shalli Link to comment https://forums.phpfreaks.com/topic/197450-how-do-you-remove-whitespace-under-an-image-in-firefox-36-and-ie-8/ Share on other sites More sharing options...
ignace Posted April 3, 2010 Share Posted April 3, 2010 display: inline? padding: 0; margin: 0;? I had this problem once with creating HTML e-mails Link to comment https://forums.phpfreaks.com/topic/197450-how-do-you-remove-whitespace-under-an-image-in-firefox-36-and-ie-8/#findComment-1036352 Share on other sites More sharing options...
FM94 Posted April 3, 2010 Share Posted April 3, 2010 did u tried to set the margins & the padding to 0? for example: img{ margin: 0; padding:0; } Hope that will help Link to comment https://forums.phpfreaks.com/topic/197450-how-do-you-remove-whitespace-under-an-image-in-firefox-36-and-ie-8/#findComment-1036357 Share on other sites More sharing options...
shalli Posted April 3, 2010 Author Share Posted April 3, 2010 Hi ignace thanks for the response. but unfortuntely it didnt work. I looked at my code in dreamweaver and this is what it shows eviction_container { height:93px; (182px) width:205px; position:absolute; top:915px; left:430px; } how do i get rid of the 182px in the bracket :confused: Link to comment https://forums.phpfreaks.com/topic/197450-how-do-you-remove-whitespace-under-an-image-in-firefox-36-and-ie-8/#findComment-1036359 Share on other sites More sharing options...
shalli Posted April 3, 2010 Author Share Posted April 3, 2010 HI fm94 Yes I did but no difference. Not sure what else to try to be honest Link to comment https://forums.phpfreaks.com/topic/197450-how-do-you-remove-whitespace-under-an-image-in-firefox-36-and-ie-8/#findComment-1036360 Share on other sites More sharing options...
ignace Posted April 3, 2010 Share Posted April 3, 2010 Quote how do i get rid of the 182px in the bracket Mouse and keyboard should do fine Plus shouldn't eviction_container be #eviction_container? How's getting evicted BTW? Link to comment https://forums.phpfreaks.com/topic/197450-how-do-you-remove-whitespace-under-an-image-in-firefox-36-and-ie-8/#findComment-1036364 Share on other sites More sharing options...
shalli Posted April 3, 2010 Author Share Posted April 3, 2010 Hi ignance yes sorry missed that when i copied the code over . not sure on that one its hush hush !!! ;) Fixed the problem though added overflow:hidden; to the code and it worked. Is there a way of disabling overflow? Link to comment https://forums.phpfreaks.com/topic/197450-how-do-you-remove-whitespace-under-an-image-in-firefox-36-and-ie-8/#findComment-1036366 Share on other sites More sharing options...
ignace Posted April 3, 2010 Share Posted April 3, 2010 You disabled it with overflow: hidden other possible values can be found at http://htmldog.com/reference/cssproperties/overflow/ Link to comment https://forums.phpfreaks.com/topic/197450-how-do-you-remove-whitespace-under-an-image-in-firefox-36-and-ie-8/#findComment-1036377 Share on other sites More sharing options...
patriklko Posted April 17, 2010 Share Posted April 17, 2010 set the height of the container to the height of the image and set the margin, padding properties to 0....i hope it will solve the problem... Link to comment https://forums.phpfreaks.com/topic/197450-how-do-you-remove-whitespace-under-an-image-in-firefox-36-and-ie-8/#findComment-1043598 Share on other sites More sharing options...
shalli Posted April 20, 2010 Author Share Posted April 20, 2010 Thanks guys Works perfectly Link to comment https://forums.phpfreaks.com/topic/197450-how-do-you-remove-whitespace-under-an-image-in-firefox-36-and-ie-8/#findComment-1045275 Share on other sites More sharing options...
Recommended Posts
Archived
This topic is now archived and is closed to further replies.