Solved

Removing space between images

Posted on 2002-04-28
5
164 Views
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.
0
Comment
Question by:moshecristel
  • 2
  • 2
5 Comments
 
LVL 53

Expert Comment

by:COBOLdinosaur
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.

Cd&
0
 
LVL 53

Expert Comment

by:COBOLdinosaur
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.

Cd&
0
 
LVL 51

Accepted Solution

by:
ahoffmann earned 50 total points
ID: 6975383
<img
src="whatever"><img
src="whatever"><img
src="whatever">
0
 

Author Comment

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

Expert Comment

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

Featured Post

Free Tool: ZipGrep

ZipGrep is a utility that can list and search zip (.war, .ear, .jar, etc) archives for text patterns, without the need to extract the archive's contents.

One of a set of tools we're offering as a way to say thank you for being a part of the community.

Question has a verified solution.

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

Suggested Solutions

Title # Comments Views Activity
Else condition 9 23
Head to not include on scroll 4 23
Wordpress Hacked 1 20
Local HTML file to display local Access MDB data in browser 4 18
Building a website can seem like a daunting task to the uninitiated but it really only requires knowledge of two basic languages: HTML and CSS.
Today, the web development industry is booming, and many people consider it to be their vocation. The question you may be asking yourself is – how do I become a web developer?
In this tutorial viewers will learn how to position overlapping items using z-index in CSS. They will also learn the restrictions on the z-index property.  Create a new HTML document with an internal stylesheet.: Create a div in CSS and name it Red.…
The viewer will learn the basics of jQuery, including how to invoke it on a web page. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery.: (CODE)

839 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