Solved

Removing space between images

Posted on 2002-04-28
5
159 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

Master Your Team's Linux and Cloud Stack

Come see why top tech companies like Mailchimp and Media Temple use Linux Academy to build their employee training programs.

Question has a verified solution.

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

Suggested Solutions

Foreword (July, 2015) Since I first wrote this article, years ago, a great many more people have begun using the internet.  They are coming online from every part of the globe, learning, reading, shopping and spending money at an ever-increasing ra…
This article explains how to prepare an HTML email signature template file containing dynamic placeholders for users' Azure AD data. Furthermore, it explains how to use this file to remotely set up a department-wide email signature policy in Office …
In this tutorial viewers will learn how to embed an audio file in a webpage using HTML5. Ensure your DOCTYPE declaration is set to HTML5: : The declaration should display (CODE) HTML5 is supported by the most recent versions of all major browsers…
Learn how to create flexible layouts using relative units in CSS.  New relative units added in CSS3 include vw(viewports width), vh(viewports height), vmin(minimum of viewports height and width), and vmax (maximum of viewports height and width).

770 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