Solved

HTML Tags

Posted on 1998-08-03
9
179 Views
Last Modified: 2010-04-09
I'm looking for the correct HTML tags that let me do the following thing:

[Image][Text]
[Image][Text]
[Image][Text]
   .      .
   .      .
   .      .
[Image][Text]

But I want there to not be spaces between the images.

Thanks.......
0
Comment
Question by:carflores
  • 3
  • 2
  • 2
  • +2
9 Comments
 
LVL 1

Expert Comment

by:dagon
ID: 1845024
use a table like this, if i understand the question

<TABLE CELLSPACING="0" CELLPADDING="0">
<TR>
      <TD><IMG SRC="../eldritchdark/back.jpg" BORDER=0 WIDTH=100 HEIGHT=100></TD>
      <TD>Text</TD>
</TR>
<TR>
      <TD><IMG SRC="../eldritchdark/back.jpg" BORDER=0 WIDTH=100 HEIGHT=100></TD>
      <TD>Text</TD>
</TR>
<TR>
      <TD><IMG SRC="../eldritchdark/back.jpg" BORDER=0 WIDTH=100 HEIGHT=100></TD>
      <TD>Text</TD>
</TR>
</TABLE>


if you want a little spaceing between image and text, set the image cell <td> width, to larger than the image
0
 
LVL 2

Expert Comment

by:Serg
ID: 1845025
<img src="where" align=center> Your text here <br>
<img src="where" align=center> Your text here <br>
<img src="where" align=center> Your text here <br>
     :      :
     :      :
<img src="where" align=center> Your text here


Tell me if this is what your talking about,
I believe there shouldnt be spaces between images.
0
 
LVL 1

Expert Comment

by:dagon
ID: 1845026
The line break will add spaces between the images. you could use css to remove it, but that will only work on 50% of browsers
0
Gigs: Get Your Project Delivered by an Expert

Select from freelancers specializing in everything from database administration to programming, who have proven themselves as experts in their field. Hire the best, collaborate easily, pay securely and get projects done right.

 
LVL 28

Expert Comment

by:sybe
ID: 1845027
<img src="myimage.gif" border="0" vspace="0" hspace="0">
0
 

Author Comment

by:carflores
ID: 1845028
I tried this and it didn´t work:

<TABLE CELLSPACING="0" CELLPADDING="0">
<TR>
<TD><IMG SRC="points.gif" BORDER=0 WIDTH=17 HEIGHT=17></TD>
<TD>Text1</TD>
</TR>
<TR>
<TD><IMG SRC="points.gif" BORDER=0 WIDTH=17 HEIGHT=17></TD>
<TD>Text2</TD>
</TR>
<TR>
<TD><IMG SRC="points.gif" BORDER=0 WIDTH=17 HEIGHT=17></TD>
<TD>Text3</TD>
</TR>
</TABLE>

The separation between the images is 2 pixels, but I prefer not to use tables

****************************************************************

In this case neither works:

<img src="points.gif" align=center> Text1 <br>
<img src="points.gif" align=center> Text2 <br>
<img src="points.gif" align=center> Text3 <br>

And the distance is 6 pixels

****************************************************************

In this neither

<img src="points.gif" border="0" vspace="0" hspace="0">Text1<br>
<img src="points.gif" border="0" vspace="0" hspace="0">Text2<br>
<img src="points.gif" border="0" vspace="0" hspace="0">Text3<br>

And the distance is 4 pixels

****************************************************************

Please, tell more about the use of css to remove the spaces, what is the tag and with wich browser isn´t going to work.....
Thanks
0
 
LVL 28

Accepted Solution

by:
sybe earned 100 total points
ID: 1845029
<img src="test.gif" border="0" vspace="0" hspace="0" align="top">Text1<br>
<img src="test.gif" border="0" vspace="0" hspace="0" align="top">Text2<br>
<img src="test.gif" border="0" vspace="0" hspace="0" align="top">Text3<br>

works
0
 
LVL 28

Expert Comment

by:sybe
ID: 1845030
I tested it and evrything worked, except my suggestion. But now I see why it does not work with you:
The letters of the text are higher then the images, and since they are on the same line, the next line will start lower, not because of the image, but because of the text.
You should make the font smaller, or the image higher.


0
 
LVL 8

Expert Comment

by:jbirk
ID: 1845031
The reason that the table solution didn't work is because the Table border was not set to 0.  By default it has border of 1 (even though it is an invisible border by default, it's still one pixel of padding), so that would leave a 2 pixel gap between the images.  Also the height of the image may not be enough as sybe mentioned.

-Josh
0
 

Author Comment

by:carflores
ID: 1845032
That is sybe.........
 So the only problem I have is if the user uses Internet Explorer and choose a bigger letter size. Is there any way to capture that event and so I can change the Image size ? ? ?
 If there is any way to do it, I will put another question so I can grant another amount of points...
 Thanks....
0

Featured Post

Courses: Start Training Online With Pros, Today

Brush up on the basics or master the advanced techniques required to earn essential industry certifications, with Courses. Enroll in a course and start learning today. Training topics range from Android App Dev to the Xen Virtualization Platform.

Question has a verified solution.

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

Suggested Solutions

Title # Comments Views Activity
Not seen Link button 5 37
Width of Page is Affecting Side Menu 6 24
Joomla 2.5 shopping cart 7 23
Index on a Table 6 8
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 is a PowerShell web interface I use to manage some task as a network administrator. Clicking an action button on the left frame will display a form in the middle frame to input some data in textboxes, process this data in PowerShell and display…
In this Micro Tutorial viewers will learn how to create navigation buttons that change on rollover, using CSS (Continuation of the CSS Image Sprite tutorial) Create a parent ID for all the list items       - Specify position: absolute and display: block…
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.…

776 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