How do you remove whitespace under an image in firefox 3.6 and ie 8

[shalli]

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

[ignace]

display: inline? padding: 0; margin: 0;? I had this problem once with creating HTML e-mails

[FM94]

did u tried to set the margins & the padding to 0?

for example:

img{
margin: 0;
padding:0;
}

 

Hope that will help 

[shalli]

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:

[shalli]

HI fm94

 

Yes I did but no difference. Not sure what else to try to be honest

[ignace]

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?

[shalli]

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?

[ignace]

You disabled it with overflow: hidden other possible values can be found at http://htmldog.com/reference/cssproperties/overflow/

[patriklko]

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...

[shalli]

Thanks guys

 

Works perfectly