Am I just being fussy or what !

liunx · Jan 9, 2008

This is what I have: 
 
 
<td width="50%" valign="top"> 
<ul style class="td6">Reference: 
<li><a href=http://www.htmlforums.com/archive/index.php/"XXXX" target="_blank"> 411</a> 
<li><a href=http://www.htmlforums.com/archive/index.php/"XXXX" target="_blank"> Post</a> 
<li><a href=http://www.htmlforums.com/archive/index.php/"XXXX" target="_blank">Yellow Pages</a> 
<li><a href=http://www.htmlforums.com/archive/index.php/"XXXX" target="_blank">Map</a> 
</ul> 
 
</td> 
 
 
class td6 styles the data so that the title is black, the links are always black except for a red mouseover, but the bullets are showing up white. I've tried several things to make the bullets black to no-avail, Do I somehow set up a separate style for them? If so, how would I go about it? 
Any suggestions? 
 
Thanks, and I'll keep working on it!Try this: 
<td width="50%" valign="top" > 
<ul style="list-style: square; color: green">Reference: 
<li><a href=http://www.htmlforums.com/archive/index.php/"XXXX" target="_blank"> 411</a> 
<li><a href=http://www.htmlforums.com/archive/index.php/"XXXX" target="_blank"> Post</a> 
<li><a href=http://www.htmlforums.com/archive/index.php/"XXXX" target="_blank">Yellow Pages</a> 
<li><a href=http://www.htmlforums.com/archive/index.php/"XXXX" target="_blank">Map</a> 
</ul> 
 
</td>Your way might be better, I'll check it out. All I did was: 
<style> 
li { color:#000000; } 
</style> 
 
I'll check out your method as well. Now I'm thinking of making the bullets little maple leafs (red, not blue!).And this? 
Probably the most common question people ask when learning how to build these lists is, "Can I use a GIF to make custom bullets?" 
Under older versions of the HTML standard, the answer was a flat "no." The list tags UL and LI only allowed limited choices for bullet styles. You can define you bullets to be discs, squares, or circles. 
All that changed with the introduction of Cascading Style Sheets. Using CSS, you can define a custom bullet using code like this: 
 
 
<UL STYLE="list-style-image: url(redball.gif)"> 
 
<LI>Bullet 1</LI> 
 
<LI>Bullet 2</LI> 
 
</UL> 
 
This technique uses the CSS property "list-style-image," which defines the URL where our GIF image is located. 
Unfortunately, as with a lot of things under CSS, the syntax for defining the image's location is a little different from what you're probably used to. Instead of placing the image URL inside quote marks, you have to place the URL inside a set of parentheses. Other than that, the rules for defining the URL are the same as those used in the A HREF and IMG tags. For example, if you wanted to define the location of our GIF using an absolute URL, you would write the UL tag like this: 
 
 
<UL STYLE="list-style- 
images: url(<a class="postlink" href="http://www.netmechanic.com/">http://www.netmechanic.com/</a> 
news/vol3/redball.gif)"> 
 
 
Note that there's at least one disadvantage to using custom bullets like this: you can't define HEIGHT and WIDTH attributes for the image. That's alright, though. Since the bullet images are small, they shouldn't have much impact on your page load time. 
This technique works only under version 4 and 5 of Microsoft Internet Explorer, and under version 3 of Opera. The effect degrades gracefully, so browsers that don't understand this style sheet property just display the standard list bullet. 
That's a key point to keep in mind with style sheets. Since not all browsers support the full CSS specification, it's important to check your page using a browser that doesn't understand CSS properties. If the page looks good under that browser, then the CSS properties are safe to use.Peter, 
Great post containing some excellent tips. !! 
Congrats. 
award.gif

Am I just being fussy or what !

liunx

Guest