Welcome to WebmasterWorld Guest from

Forum Moderators: not2easy

Message Too Old, No Replies

css img display problem

2:40 pm on Aug 16, 2004 (gmt 0)

New User

10+ Year Member

joined:Sept 3, 2003
votes: 0

Hi everyone -

I am trying to display 4 images, all horizontal. Pretty simple task, but for some reason, CSS/html adds about 2px blank space on the bottom and 2px blank space on the right of each margin, so they arent completely next to each other. I've read Eric Meyer's 'solution' to this problem, but it didn't work - for one, I have always been using transitional, never strict.

Here is the way I have it laid out: Am I missing something? It seems like it _should_ display it right next to each other./.. (i've also tried vertical-align: bottom; to no avail). Thanks everyone

<div id="top_img_disp">
<img src="img/img_1.jpg">
<img src="img/img_2.jpg">
<img src="img/img_3.jpg">
<img src="img/img_4.jpg">

#top_img_disp {
position: absolute;
display: block;
border: 3px solid black;
top: 30px;
left: 160px;
padding: 0; margin: 0;

3:11 pm on Aug 16, 2004 (gmt 0)

Full Member

10+ Year Member

joined:Dec 3, 2002
votes: 0

Try putting all the <img> tags on one line i.e. not each one on a new line.

That fixes it, I'm not sure why though :). If you add font-size:0; to your <div> style that seems to work as well.


Join The Conversation

Moderators and Top Contributors

Hot Threads This Week

Featured Threads

Free SEO Tools

Hire Expert Members