2 {{ upvoteCount | shortNum }}
2 {{ upvoteCount | shortNum }}

Html Coding Issues... Please Help!

by robert key
1 replies
  • WEB DESIGN
    • |
Hi Warriors,

I'm having some coding issues and I'm hoping that someone can
help me out.

Go to PetFoodIQ.com - you'll notice that I have partial images of
my logo showing.

For some strange reason, the code is trying to display four images
and it's only supposed to be two. I want one image to be on the
upper left side and one image to be on the lower right side.

Also, in IE there are breaks in the border on both sides near the top
and near the bottom. In FF, there are no issues with the borders.

Since I'm talking coding, is there a way to play around with how
close I want my content to be (vertically & horizontally) to the
borders?

I would really appreciate anyone's assistance with these nerve-racking
issues.

Thanks,

Robert
#coding #html #issues
  • Profile picture of the author Christopher Airey
    Hi,

    I'm only seeing the two when I check in FF/IE. What versions are you using or did you get that fixed? As far as the spacing, I don't see that either, but the reason you're getting it is because you're using the <img> tag as part of the border, but the image is displayed inline. If you want to remove the space below the border you should change it to something like:

    HTML Code:
    <img src="img/gray_top.jpg" style="display: block;">
    That will get rid of the gap. As far as adjusting the images and spacing in relation to the border, you can probably deal with that by doing a margin-top or margin bottom. It would look something like:

    HTML Code:
    <img src="img/iqlogo_small.jpg" align="right" style="margin-top: 50px;"/>
    Chris
    {{ DiscussionBoard.errors[2007892].message }}

Trending Topics