Forums

Space Below Image Using Image Block

Permalink
For some reason I'm getting a small space below my images when I use the image block. In the attached file you will see when I'm edit mode there is a 5 pixel space between the bottom of the image and the bottom of the block. Any ideas how I can get rid of this extra space? This is happening on all pages of the site, the padding and margins are set to zero and there doesn't appear to be anything in the CSS or HTML that is creating the space:

http://www.streatchefs.com/concrete5/index.php?cID=58...

Your help is greatly appreciated.

1 Attachment

pixo
 
anttivaatainen replied on at Permalink Reply
anttivaatainen
First, i have no idea where that extra 5px comes from. Anyways, heres somekind of solution:

Just specify your content height on css.

Dont put those <?php and ?> to your markup. They appear magically to that code clip i pasted. Dont know why.

#content{
   float: right;
   overflow: hidden;
   width: 730px;
   height: 555px;
        border-top-width: 10px;
   border-top-style: solid;
   border-top-color: #000000;
   border-left-width: 10px;
   border-left-style: solid;
   border-left-color: #000000;
   margin: 0px;
   paddding: 0px;
}


This of course has downside that your content area are not expanding if theres more content that 555px height. But if you are planning to add longer content than 555px your question would seem strange cause white-space would anyways appear on longer content pages (if image sizes are somewhat standard).

p.s: i would suggest you to get rid of those tables and do whole thing with handmade divs and css. You have done that column layout by layout tool right? it sucks.
pixo replied on at Permalink Reply
pixo
Thanks. The client doesn't want the white space because she is a designer and wants it to be asthetically pleasing. At the same time the client wants the ability to be able to add additional content that goes past the bottom of the images in the future so a hight tag won't work in this situation, but thanks for the suggestion.