bazz
12-13-2004, 06:01 PM
Hi,
I have a div showing the background color #000040 where I 'haven't' given it that choice. It should be #420042
here's css
div#productnavbar1 {
float : left;
background-color: #420042;
padding: 2000px 0;
font-family : "comic sans ms", sans-serif, arial, helvetica;
width : 25%;
min-width : 100px;
text-align: left;
}
ul#productlist
{
text-transform: lowercase;
white-space: nowrap;
margin: 0;
padding: 0 ;
border-left: 0px #ffffff dotted;
background-color : #420042;
}
#productlist li
{
display: up;
list-style: none;
border-right: 0px dotted #ffffff;
padding: 0 5px;
background-color : #420042;
}
#productlist a {
padding: 0 5px;
font-size : smaller;
background-color : #420042;
}
#productlist a:link, #productlist a:visited
{
color: transparent;
text-decoration: none;
font-weight : bold;
font-size : smaller;
background-color : #420042;
}
#productlist a:hover
{
text-decoration: none;
background-color: transparent;
font-size : smaller;
color : transparent;
}
here's the html
<div id="productnavbar1">
<ul id="productlist">
<li><a id="textlink" href="photography.htm">Professional Photography Portfolio</a></li> <li><a id="textlink" href="vrimagery.htm">Powerful Interactive Imagery</a></li>
<li><a id="textlink" href="hosting.htm">Image & Logo Hosting</a></li>
<li><a id="textlink" href="programs.htm">Interactive programs</a></li>
</ul>
</div>
the background of the page is set to #ffffff;
bazz
I have a div showing the background color #000040 where I 'haven't' given it that choice. It should be #420042
here's css
div#productnavbar1 {
float : left;
background-color: #420042;
padding: 2000px 0;
font-family : "comic sans ms", sans-serif, arial, helvetica;
width : 25%;
min-width : 100px;
text-align: left;
}
ul#productlist
{
text-transform: lowercase;
white-space: nowrap;
margin: 0;
padding: 0 ;
border-left: 0px #ffffff dotted;
background-color : #420042;
}
#productlist li
{
display: up;
list-style: none;
border-right: 0px dotted #ffffff;
padding: 0 5px;
background-color : #420042;
}
#productlist a {
padding: 0 5px;
font-size : smaller;
background-color : #420042;
}
#productlist a:link, #productlist a:visited
{
color: transparent;
text-decoration: none;
font-weight : bold;
font-size : smaller;
background-color : #420042;
}
#productlist a:hover
{
text-decoration: none;
background-color: transparent;
font-size : smaller;
color : transparent;
}
here's the html
<div id="productnavbar1">
<ul id="productlist">
<li><a id="textlink" href="photography.htm">Professional Photography Portfolio</a></li> <li><a id="textlink" href="vrimagery.htm">Powerful Interactive Imagery</a></li>
<li><a id="textlink" href="hosting.htm">Image & Logo Hosting</a></li>
<li><a id="textlink" href="programs.htm">Interactive programs</a></li>
</ul>
</div>
the background of the page is set to #ffffff;
bazz