[file]3.jpg,2,,[/file]

Now URL linked images don't have the border 'round them

They still have those lines under them though..

only in opera :)
i don't think it's possible to get those off :[

I see a line in Mozilla Firefox too.

[IMAGE]
Hokus Pokus [:P]



n00bface: it IS possible, if the site is standard-compliant.
But if the site is prepared exclusively for defects of IE in interpreting the web standards, you can't expect that other browsers will emulate the defects of IE.

Are there any guide lines on how to get rid of them wee white lines?

It's the <acronym> tag around the picture. From the source of the page:

<acronym title="'No Description Entered'">

quick fix:

<acronym style="border: none" title="'No Description Entered'">

quote:
Phrase elements: EM, STRONG, DFN, CODE, SAMP, KBD, VAR, CITE, ABBR, and ACRONYM

The <ABBR> and <ACRONYM> elements allow authors to clearly indicate occurrences of abbreviations and acronyms. Western languages make extensive use of acronyms such as "GmbH", "NATO", and "F.B.I.", as well as abbreviations like "M.", "Inc.", "et al.", "etc.".

The content of the ABBR and ACRONYM elements specifies the abbreviated expression itself, as it would normally appear in running text. The title attribute of these elements may be used to provide the full or expanded form of the expression.

The presentation of phrase elements depends on the user agent.


<acronym> is for acronyms, nothing else. Use it only to mark acronyms in the text and to provide their full desription in the title attribute. Don't use it as a strange inline element holding a title atrribute for a description of an image inside [:O] This is not supposed to work this way. It's like picking nose with a knife.
Crappy forum code.

Opera/FireFox shows if the acronym has the full expanded form by underlining it with the dotted line. It's a good feature as long as you use <acronym> tag for acronyms.

Quick fix in place (for the image upload system only), cheers.

So what cross browser method is avaliable for image descriptions?

Post updated :)

white line is still under the user rating image as well as the icons near the top of the page under the logo :O

i swear i didn't see that before :<

quote:Originally posted by DNA.styx
Quick fix in place (for the image upload system only), cheers.

So what cross browser method is avaliable for image descriptions?

For description of the image use the title attribute in the <img> tag. And get rid of the <acronym> tags. Example:

<img src="http://example.com/example.gif" title="description of the image">

You may use it for most elements, not only images. It's also much cleaner, logical, and the code is smaller. I really don't know why to enclose the <img> tag with additional tags while the <img> may have the title. Almost all tags may have the title attribute, not only <acronym>.

quote:HTML 4.01 Specification
The title attribute

This attribute offers advisory information about the element for which it is set.

Values of the title attribute may be rendered by user agents in a variety of ways. For instance, visual browsers frequently display the title as a "tool tip" (a short message that appears when the pointing device pauses over an object). Audio user agents may speak the title information in a similar context.

quote:For description of the image use the title attribute in the < img > tag.k, am using that in the uploaded images. Working ok for everyone?

The same problem is with the rank image below the member name on the left. Solution: the same. Get rid of the <acronym>, add the title attribute to the image of the rank.

And there is the problem in the menu on the top (Home, All Forums, Staff List...). Change the <acronym> tag on the <span> (with the same title). Example:

<acronym title="See whats going on in the forum"><img src="./images/icon_folder_open_topic.gif" border=0> All Forums</acronym>

fix:

<span title="See whats going on in the forum"><img src="./images/icon_folder_open_topic.gif" border=0> All Forums</span>


SPAN element is just a "container", it doesn't have any special meaning like ACRONYM element.



EDIT: or even better, delete the <acronym> tag and add the title to the <a>, which is around the <acronym>.

there is:

<a href="http://www.soldat.pl/" onMouseOver="(window.status='Homepage'); return true" onMouseOut="(window.status=''); return true" tabindex="-1"><acronym title="Homepage"><img src="./images/icon_nav_home.gif" border=0> Home</acronym></a>

change to:

<a href="http://www.soldat.pl/" onMouseOver="(window.status='Homepage'); return true" onMouseOut="(window.status=''); return true" tabindex="-1" title="Homepage"><img src="./images/icon_nav_home.gif" border=0> Home</a>

yup, I know it's being used all over the place. Lets make sure that the title attribute fixes it for everyone before I start doing a mass find/replace :)

Kewl, the line's now gone :)

Yay aquarius :>

quote:Originally posted by DNA.styx
yup, I know it's being used all over the place. Lets make sure that the title attribute fixes it for everyone before I start doing a mass find/replace :)
Nobody complains [:)] Trust me, it will work in IE, Opera and all Gecko browsers.

The most annoying is the dotted line below the rank image.

But it's in the script by B00stA, here is the link:

<script language=javascript src="http://ircquotes.blaffnet.de/soldatvotes/includeimage.php?user=Aquarius"></script>

Please delete the <acronym> tags and add description like that:
<img src="image_address_here" title="description_here">

ok, I changed it.

Thanks.