Solved

HTML Tags

Posted on 1998-08-03
9
175 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
Comment Utility
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
Comment Utility
<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
Comment Utility
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
 
LVL 28

Expert Comment

by:sybe
Comment Utility
<img src="myimage.gif" border="0" vspace="0" hspace="0">
0
IT, Stop Being Called Into Every Meeting

Highfive is so simple that setting up every meeting room takes just minutes and every employee will be able to start or join a call from any room with ease. Never be called into a meeting just to get it started again. This is how video conferencing should work!

 

Author Comment

by:carflores
Comment Utility
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
Comment Utility
<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
Comment Utility
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
Comment Utility
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
Comment Utility
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

How to run any project with ease

Manage projects of all sizes how you want. Great for personal to-do lists, project milestones, team priorities and launch plans.
- Combine task lists, docs, spreadsheets, and chat in one
- View and edit from mobile/offline
- Cut down on emails

Join & Write a Comment

Someone recently asked me about how to display a progress indicator on a page while an iframe is loading. And I remember when I first came across this myself. It was a bit tricky to get my head around, but really, it's very simple. The most impor…
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.
In this tutorial viewers will learn how to style elements, such a divs, with a "drop shadow" effect using the CSS box-shadow property Start with a normal styled element, such as a div.: In the element's style, type the box shadow property: "box-shad…
The viewer will learn the basics of jQuery including how to code hide show and toggles. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery…

763 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

Need Help in Real-Time?

Connect with top rated Experts

7 Experts available now in Live!

Get 1:1 Help Now