Solved

HTML Tags

Posted on 1998-08-03
9
180 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
Free Tool: IP Lookup

Get more info about an IP address or domain name, such as organization, abuse contacts and geolocation.

One of a set of tools we are providing to everyone as a way of saying thank you for being a part of the community.

 
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

Free Tool: Subnet Calculator

The subnet calculator helps you design networks by taking an IP address and network mask and returning information such as network, broadcast address, and host range.

One of a set of tools we're offering as a way of saying 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
HTML5 frame 5 31
Outlook opens HTML email as text 4 31
Wordpress plugins not working in html 3 39
Create tabs to show divs 9 35
SASS allows you to treat your CSS code in a more OOP way. Let's have a look on how you can structure your code in order for it to be easily maintained and reused.
Is your Office 365 signature not working the way you want it to? Are signature updates taking up too much of your time? Let's run through the most common problems that an IT administrator can encounter when dealing with Office 365 email signatures.
In this tutorial viewers will learn how to embed videos in a webpage using HTML5. Ensure your DOCTYPE declaration is set to HTML5: "<!DOCTYPE html>": Use the <video> tag to insert a video. Define the src as the URL of your video; this is similar to …
The viewer will the learn the benefit of plain text editors and code an HTML5 based template for use in further tutorials.

830 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