Help - Search - Members - Calendar
Full Version: assigning font color to vertical pipe symbol
HTMLHelp Forums > Web Authoring > Markup (HTML, XHTML, XML)
imaquila
I find that normally using font color works but unlike text, the verical pipes between menu items remain uneffected. is there a trick to using color for symbols?
I've experimented with a number of different arrangements of HTML (All placing the horizontal menu bar within a single row within a table. Most recently I tried using <SPAN STYLE> ie.

<table width= 80%" border ="0"><tr>
<td height="16" align="center" width="685" bgcolor="#666666" <span style="font-color:white":font-family:Arial">
<a href="wildthings.htm" title="Wild Things" class="nav">&nbsp;&nbsp;WILD THINGS&nbsp;&nbsp;</a> | <a href="bloominthings.htm" title="Bloomin Things" class="nav">&nbsp;&nbsp;BLOOMIN THINGS&nbsp;&nbsp;</a> | <a href="wimgedthings.htm" title="Winged Things" class="nav">&nbsp;&nbsp;WINGED THINGS&nbsp;&nbsp;</a> | <a href="swimmers.htm" title="Swimmers" class="nav">&nbsp;&nbsp;SWIMMERS&nbsp;&nbsp;</a> | <a href="murals.htm" title="Murals" class="nav">&nbsp;&nbsp;MURALS&nbsp;&nbsp;</a> | <a href=" wildhairs.htm" title="Wild Hairs" class="nav">&nbsp;&nbsp;WILD HAIRS&nbsp;&nbsp;</a> </span> </td>
</tr></table>

Any tips for making my "|"s white too?
Darin McGrew
It might help to fix the HTML errors reported by the online validator. See the link at the top and bottom of this page.
shainekuleit
can you teach me how to write a colored text in my friendster?
Darin McGrew
Does your friendster use HTML? If so, then please see the FAQ entry How can I specify colors?
imaquila
QUOTE(Darin McGrew @ Sep 24 2009, 12:04 AM) *

It might help to fix the HTML errors reported by the online validator. See the link at the top and bottom of this page.


I AM new here but it appears to me that I would have to upload the code that I know is not working to a URL to verify that YES there is something wrong. I don't see a way to copy and paste the code I do have to available to check for the errors.

In the meantime, it would have been helpful to have a "Yes, vertical pipes can be assigned a color just as any other character" or "No, there is no simple way to change the color of a special character like a vertical pipe." I'm sorry, maybe you don't know the answer either and all you CAN suggest is to correct any odd error that I missed in my haste to illustrate how I was attempting to use the vertical pipes within a cell in a table. Thanks for taking the time to try to help.
Frederiek
To validate your HTML, you can use the direct input (http://htmlhelp.com/tools/validator/direct.html). Just copy and paste your entire page code in the input box and click the "Validate it" button.

Correct the style of the span, like so:
<span style="color: white; font-family: Arial;">
and the "pipes" (as you call them) will be white.
imaquila
Thanks Frederiek, THIS is a helpful response and I appreciate it!


QUOTE(Frederiek @ Sep 25 2009, 03:42 AM) *

To validate your HTML, you can use the direct input (http://htmlhelp.com/tools/validator/direct.html). Just copy and paste your entire page code in the input box and click the "Validate it" button.

Correct the style of the span, like so:
<span style="color: white; font-family: Arial;">
and the "pipes" (as you call them) will be white.

pandy
You can use direct input whith the W3C CSS checker too. It would have told you the above, even if not as clearly as Frederiek did. happy.gif
http://jigsaw.w3.org/css-validator/validat...;usermedium=all
So would the CSS 1 checker at this site.
http://htmlhelp.com/cgi-bin/csscheck.cgi?c...s&input=yes

Learn to use those tools. They'll save you a lot of time. Really. smile.gif
Brian Chandler
QUOTE(Frederiek @ Sep 25 2009, 05:42 PM) *

... and the "pipes" (as you call them) will be white.


OT, but "pipe" is a standard name, from the Unix command "pipe" concept.
This is a "lo-fi" version of our main content. To view the full version with more information, formatting and images, please click here.
Invision Power Board © 2001-2009 Invision Power Services, Inc.