Color Text in Sigs

[LennonCook]

In an HTML page, all tags that require closing *MUST* be closed, or they will not work properly in any browser that follows the standards. If you leave tags open at a forum, it can corrupt a thread, preventing many people from viewing it. Basically, close your tags.

Also, avoid using the <font> tag... it`s non-standard, and mayn`t be supported by browsers in the future. Use instead:
<span style="color: colorname;">Text</span>

The <b>, <i> and <u> tags have the same problem... use instead:
<span style="font-weight: bold">Bold Text</span>
<span style="font-style: italic">Italic Text</span>
<span style="text-decoration: underline">Underlined Text</span>

There are also some other effects that span tags can give you that no other tag (well, except div) can; eg:
<span style="text-decoration: overline">A line over your text</span>

These things *can* be stacked into one tag, for exampe:
<span style="color: white; text-decoration: underline overline; font-style: italic; font-weight: bold;">White, bold, italic, text, with a line going underneath and overtop.</span>

Replacing span with div in all of the above examples will herald the same effect, but will force it to take a new line at the begging and at the end of the effect.
You can also align your text with div, eg:

<div align="center">Centered Text</div>

This gives less tags to close at the end of your HTML, less room for error, and more effects.
The other tag not to use, because of most browsers not supporting it, is <marquee>: if you want moving text, call an animated gif.

[GokuZool]

Originally posted by LennonCook: In an HTML page, all tags that require closing *MUST* be closed, or they will not work properly in any browser that follows the standards. If you leave tags open at a forum, it can corrupt a thread, preventing many people from viewing it. Basically, close your tags. Also, avoid using the <font> tag... it`s non-standard, and mayn`t be supported by browsers in the future. Use instead: <span style="color: colorname;">Text</span> The <b>, <i> and <u> tags have the same problem... use instead: <span style="font-weight: bold">Bold Text</span> <span style="font-style: italic">Italic Text</span> <span style="text-decoration: underline">Underlined Text</span> There are also some other effects that span tags can give you that no other tag (well, except div) can; eg: <span style="text-decoration: overline">A line over your text</span> These things *can* be stacked into one tag, for exampe: <span style="color: white; text-decoration: underline overline; font-style: italic; font-weight: bold;">White, bold, italic, text, with a line going underneath and overtop.</span> Replacing span with div in all of the above examples will herald the same effect, but will force it to take a new line at the begging and at the end of the effect. You can also align your text with div, eg: <div align="center">Centered Text</div> This gives less tags to close at the end of your HTML, less room for error, and more effects. The other tag not to use, because of most browsers not supporting it, is <marquee>: if you want moving text, call an animated gif.

Whoa! [img]graemlins/wow.gif[/img] They don't call you the Self-appointed unofficial HTML super-coding absolute addict for nothing!

[ 04-17-2003, 05:38 AM: Message edited by: GokuZool ]