Here's the code I'm working with:
.firstBullet {
display: list-item;
list-style-type: disc;
list-style-position: inside;
}
For some reason, I am not able to display black discs, they consistently pick up the color of the text.
How do I fix this before I go absolutely nuts?
Thanks!
Unordered List Disc Colors
Show us all your HTML and CSS, perhaps?
Unordered List Disc Colors
I've included a snippet of HTML
<td><span class="bodystyle"><a href="2.6.2CreateTrainingPlan.html" target="_self" class="firstBullet">2.6.2
Create Training Plan</a></span></td>
</tr>
Here's my CSS. Please keep in mind that I'm a noobee! I'm feeling embarrased! :oops:
body {
font-family: Tahoma;
font-size: 12px;
color: #000000;
}
td {
font-family: Tahoma;
font-size: 14px;
color: #000000;
font-style: normal;
}
th {
font-family: Tahoma;
font-size: 12px;
}
.bodystyle {
font-family: Tahoma;
font-size: 14px;
font-style: normal;
line-height: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
color: #000000;
text-align: left;
}
.firstBullet {
list-style-type:disc; color:#000000;
list-style-position: inside;
}
.secondBullet {
display: list-item;
list-style-type: square;
list-style-position: inside;
}
.thirdBullet {
font-family: Tahoma;
font-size: 14px;
font-style: normal;
line-height: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
text-decoration: underline;
display: list-item;
list-style-position: inside;
list-style-type: circle;
letter-spacing: normal;
word-spacing: normal;
white-space: normal;
left: auto;
text-indent: 45px;
}
.small {
font-family: Tahoma;
font-size: 9px;
}
.medium {
font-family: Tahoma;
font-size: 12px;
}
.big {
font-family: Tahoma;
font-size: 16px;
}
.xbig {
font-family: Tahoma;
font-size: 24px;
vertical-align: middle;
text-align: center;
font-style: normal;
line-height: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
color: #000000;
letter-spacing: normal;
word-spacing: normal;
white-space: normal;
background-position: center center;
}
.expanded {
font-family: Tahoma;
font-size: 12px;
line-height: 16px;
letter-spacing: 2px;
}
.justified {
font-family: Tahoma;
text-align: justify;
}
.footer {
font-family: Tahoma;
font-size: 9px;
color: #999999;
}
.box1 {
padding: 3px;
border-width: thin;
border-style: solid;
border-color: #CCCCCC #666666 #666666 #CCCCCC;
}
.box2 {
font-style: italic;
word-spacing: 2pt;
padding: 3px;
border-width: thin;
border-style: solid;
}
.links {
font-family: Tahoma;
font-size: 14px;
color: #FF0000;
text-decoration: none;
}
.footText {
font-family: Tahoma;
font-size: 10px;
font-style: normal;
line-height: normal;
font-variant: normal;
color: #000000;
background-color: #FFFF66;
margin: 2px;
padding: 3px;
clear: none;
float: left;
width: auto;
position: relative;
height: auto;
font-weight: bold;
display: table;
border: thin inset #FFFFFF;
}
.footNav {
font-family: Tahoma;
font-size: 10px;
font-style: normal;
line-height: normal;
color: #000099;
text-decoration: underline;
background-color: #FFFF66;
padding: 2px;
border-top-width: thin;
border-right-width: thin;
border-bottom-width: thin;
border-left-width: thin;
border-top-style: inset;
border-right-style: inset;
border-bottom-style: inset;
border-left-style: inset;
}
.nav {
background-position: center center;
}
.quickNav {
font-family: Tahoma;
font-size: 14px;
font-style: normal;
line-height: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
color: #000000;
background-position: center center;
letter-spacing: normal;
text-align: center;
vertical-align: middle;
word-spacing: normal;
white-space: normal;
}
.bodystyleBOLD {
font-family: Tahoma;
font-size: 14px;
font-style: normal;
line-height: normal;
font-weight: bold;
font-variant: normal;
text-transform: none;
color: #000000;
font-stretch: normal;
text-align: left;
}
.tableHeader {
font-family: Tahoma;
font-size: 12px;
font-style: normal;
font-weight: bold;
font-variant: normal;
color: #000000;
background-color: #C0c0c0;
text-align: center;
vertical-align: middle;
padding: 2px;
background-position: center center;
display: table-header-group;
line-height: normal;
text-transform: none;
letter-spacing: normal;
word-spacing: normal;
white-space: normal;
clear: none;
float: none;
height: auto;
width: auto;
margin: auto;
border-top-width: 2px;
border-right-width: 2px;
border-bottom-width: 2px;
border-left-width: 2px;
border-top-style: inset;
border-right-style: inset;
border-bottom-style: inset;
border-left-style: inset;
}
.tableBody {
padding: 1px;
color: #000000;
border-top-width: 1;
border-right-width: 1;
border-bottom-width: 1px;
border-left-width: 1;
border-top-style: inset;
border-right-style: inset;
border-bottom-style: inset;
border-left-style: inset;
}
.footerSmall {
font-family: tahoma;
font-size: 9px;
font-style: normal;
line-height: normal;
color: #666666;
}
.centTableText {
font-family: Tahoma;
font-size: 12px;
font-style: normal;
line-height: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
color: #000000;
background-position: center center;
display: table-row;
text-align: center;
vertical-align: middle;
}
.boldBlueURL {
font-family: Tahoma;
font-size: 12px;
font-style: normal;
line-height: normal;
font-weight: bold;
font-variant: normal;
text-transform: none;
color: #000099;
text-align: center;
background-position: center center;
}
.xBigSmaller {
font-family: Tahoma;
font-size: 23px;
font-style: normal;
}
.tableBodyCentered {
padding: 1px;
color: #000000;
border-top-width: 1;
border-right-width: 1;
border-bottom-width: 1;
border-left-width: 1;
border-top-style: inset;
border-right-style: inset;
border-bottom-style: inset;
border-left-style: inset;
text-align: center;
}
.bodyBulleted {
font-family: Tahoma;
font-size: 14px;
font-style: normal;
line-height: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
color: #000000;
font-stretch: normal;
text-align: left;
background-color: #FFFFFF;
background-repeat: no-repeat;
display: list-item;
list-style-type: disc;
}
Unordered List Disc Colors
They are the colour of the text - that's the idea
To change them, place your text in another element, div or span, depending on its content.
e.g.
li { color: black; } .li { color: blue; } <ul> <li><div class="li">this is my list</div></li> <li><div class="li">this is my list</div></li> <li><div class="li">this is my list</div></li> </ul>
Unordered List Disc Colors
Thanks! I'll give that a try...
Unordered List Disc Colors
Why div's?
Wouldn't a span tag be appropriate here? Aren't div's used for structure and span for inline elements?
li { color: black; } .li { color: blue; } <ul> <li><span class="li">this is my list</span></li> <li><span class="li">this is my list</span></li> <li><span class="li">this is my list</span></li> </ul>
Just asking...
Unordered List Disc Colors
My post said to use <DIV> or <SPAN> as required by the content. An <LI> can contain block elements. For those cases, a <SPAN> is inappropriate. If its only text, images and/or form controls, a <SPAN> will suffice.
Unordered List Disc Colors
And without the html to review, we don't know what the correct answer is.
Thanks for the clarification.
Unordered List Disc Colors
Show us all your HTML and CSS, perhaps?
Unordered List Disc Colors
Sorry, I'm not allowed to do that...
Unordered List Disc Colors
Sorry, I'm not allowed to do that...
Unordered List Disc Colors
The point is, it is better to show us the code now and get help than struggling on. After all if we can't see the code now, we can read it later when the site goes live.
Unordered List Disc Colors
I absolutely do value your help! Otherwise, why would I bother to even post a question. My problem stems from my employer...I am not allowed to post anything to public places. Sorry if that seems wrong somehow...it's my reality.
Unordered List Disc Colors
my sites are on an intra net, btw.
Unordered List Disc Colors
In this case it seems to have been fixed without seeing the code?
Did Chris' solution work for you or not?
Unordered List Disc Colors
I absolutely do value your help! Otherwise, why would I bother to even post a question. My problem stems from my employer...I am not allowed to post anything to public places. Sorry if that seems wrong somehow...it's my reality.
Unordered List Disc Colors
that's a good idea. as I mentioned in my first post, I am rather new to all this, including posting to public boards.
Unordered List Disc Colors
We were all at that point once. Fortunately, my early experience predates the internet, which is why I am so perfect now.
cheers,
gary
Unordered List Disc Colors
that's a good idea. as I mentioned in my first post, I am rather new to all this, including posting to public boards.
