Icon & link text not in the same line !!!

[tonyliu]

Hi All,

The following command produce two lines: one line with the icon and the another line with the link test.

<p><img src="images/social/delicious.png" alt="ADD TO DEL.ICIO.US"><script language=javascript>document.write("<a href='http://del.icio.us/post?url="+document.location.href+"&title="+document.title+"' target=_blank >Del.icio.us</a>")</script></P>

It is requested that both the icon and the link text to be in the sam line.

Please assist.

Thanks
Tony

[ZABI]

hi there use the following
<img src="images/social/delicious.png" alt="ADD TO DEL.ICIO.US" align="center">

[tonyliu]

Hi ZABI,

There is no align="center" for img. But there is align="middle" for img.
However,it doesnt fix the problem !!!

This command produces one line of output in one website template and two lines of output in another website template. I suspect it is the problem in the css file.

Anyone can provide further advise ?

Thanks in advance.

Tony

[tonyliu]

Hi ,

The problem is indeed in the css file.
In the new website template,I modify the following in the css file and the problem was fixed:

From:
spot-nav a {
display:block;
padding: 2px 4px;
_height: 0;
_vertical-align: bottom;
text-decoration: none;
}

to

spot-nav a {
display:inline-block;
padding: 2px 4px;
_height: 0;
_vertical-align: bottom;
text-decoration: none;
}

Best,
Tony

[multimediocrity]

Whether or not this works is based on your code and situation, but float might work.
Use float="left" for the image and see what happens. Try applying it to the text as well.