View Full Version : problem removing the gap between 2 images

12-22-2004, 05:47 AM
i have problem in removing the gap between two images, pls see the attached image.

coz my item name is quite long, i dun wnat it display in horizontal, i want it display as vertical. so i create the images for the character and use ascii to recognized it.

my code is as below:
<td align="left" class="BorderLeft" width="1%">
<%dim word, pic, word1
pic = ""
for i = 0 to len(word)-1
word1 = cstr(right(left(word,len(word)-i),1))
pic = asc(word1) & ".gif"%>
<img src="../images/<%=pic%>" border=1 vspace=0 hspace=0>


can anyone help??

12-26-2004, 02:14 AM
Since you're in a <td> element, try adding valign="top" or valign="botom" (to squish them all up or down) to the <td>

<td align="left" valign="top" class="BorderLeft" width="1%">
You might also try adding vertical-align: top; or vertical-align: bottom; to the BorderLeft class in your stylesheet.

Mr J
12-26-2004, 03:38 PM
You could also try adding the margin attributes such as margin-top and give it a negative number, try 4 first and see how it goes

margin-top: -4;
margin-right: -4;
margin-bottom: -4;
margin-left: -4;