Removing space between images

Posted on 2002-04-28
Last Modified: 2010-04-09
I have several images that I want to show up one after the other from left to right with the right edge of the previous one touching the left edge of the next one.

When I list them like this:

<img src="whatever">
<img src="whatever">
<img src="whatever">

... I get a little bit of space between them but when I list them like this:

<img src="whatever"><img src="whatever"><img src="whatever">

... the space goes away.

The problem is that I have them surrounded by link tags with a bunch of attributes and if I put the tags end to end (the second way) I have to scroll way to the right and it is hard to read the code.

Is there any way to be able to list each image tag on a separate line and still get the actual images to line up perfectly from left to right?

Any help would be greatly appreciated.
Question by:moshecristel
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 2
  • 2
LVL 53

Expert Comment

ID: 6975214
No.  What you are seeing is the white space created by the line feed.  If they are not on the same line the browser will put in the space just as if you had typed in a space.

LVL 53

Expert Comment

ID: 6975219
You might be able to solve it with a table, but then you just create some new problems.  It is nice if the code is pretty, but the user sees what is on the page, not the code;  except for us HTML geeks, and we know why it is written that way.

LVL 51

Accepted Solution

ahoffmann earned 50 total points
ID: 6975383

Author Comment

ID: 6975708
It's not the ideal way to have to do it but it's a good idea.  Thanks.
LVL 51

Expert Comment

ID: 6976479
as Cd& said, it's code for HTML geeks ;-)
Now you know why to trash FrontP..., Dream.. etc.

Featured Post

Industry Leaders: We Want Your Opinion!

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Suggested Solutions

Title # Comments Views Activity
email validation 9 49
JQuery conflicts/syntax issue 4 25
CSS Scroll Center with Static Side. Like EE does. 2 29
How do I add counter to html listbox using jquery 2 26
When crafting your “Why Us” page, there are a plethora of pitfalls to avoid. Follow these five tips, and you’ll be well on your way to creating an effective page.
Originally, this post was published on Monitis Blog, you can check it here . Websites are getting bigger and more complicated by the day. Video, images and custom fonts are all great for showcasing your product or service. But the price to pay in…
In this tutorial viewers will learn how to code links for mobile sites that, once clicked, send a call or text to a specified number. For a telephone link (once clicked, calls a number), begin with a normal "<a href=" link tag. For the href, specify…
The viewer will learn how to create a basic form using some HTML5 and PHP for later processing. Set up your basic HTML file. Open your form tag and set the method and action attributes.: (CODE) Set up your first few inputs one for the name and …

733 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question