Solved

HTML Tags

Posted on 1998-08-03
9
181 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
[X]
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
  • 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
Technology Partners: 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!

 
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: Site Down Detector

Helpful to verify reports of your own downtime, or to double check a downed website you are trying to access.

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.

Question has a verified solution.

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

Suggested Solutions

Title # Comments Views Activity
Need to add another Column in Powershell script output 2 47
Validating number not work with decimal 4 46
A responsive image gallery using flexbox 6 80
Div not showing up 6 33
Things That Drive Us Nuts Have you noticed the use of the reCaptcha feature at EE and other web sites?  It wants you to read and retype something that looks like this. Insanity!  It's not EE's fault - that's just the way reCaptcha works.  But it i…
This article demonstrates how to create a simple responsive confirmation dialog with Ok and Cancel buttons using HTML, CSS, jQuery and Promises
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).

752 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