Solved

HTML Tags

Posted on 1998-08-03
9
182 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
WordPress Tutorial 4: Recommended Plugins

Now that you have WordPress installed, understand the interface, and know how to install new parts, let’s take a look at our recommended plugins.

 
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

Don't Cry: How Liquid Web is Ensuring Security

WannaCry is just the start. Read how Liquid Web is protecting itself and its customers against new threats.

Question has a verified solution.

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

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.
Originally, this post was published on Monitis Blog, you can check it here . In business circles, we sometimes hear that today is the “age of the customer.” And so it is. Thanks to the enormous advances over the past few years in consumer techno…
In this tutorial viewers will learn how to style transparent/translucent elements using alpha transparency in CSS Start with a normal styled element, such as a div.: Define its "background-color" property as "rgba (255, 255, 255, .5): The numbers in…
In this tutorial viewers will learn how to code links for mobile sites that, once clicked, send a call or text to a specified number. For a telephone link (once clicked, calls a number), begin with a normal "<a href=" link tag. For the href, specify…

627 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