Hey man, you got some typo errors.
You forgot to put the comma after the "margin: 0 and padding:0 "
#mainnav ul {
*margin: 0 *---> margin:0;
* padding: 0 *---> padding:0;
list-style-type: circle;
list-style-image: none;
}
and when defining colors by RGB you need to put # before.
Another thing, you can use 3 hex or 6 hex to define colors, not 4 : )
#mainnav a {
display: block;
background: url(images/leftedge.gif) no-repeat top left;
padding: 3px 6px;
*color; efff;* ---> color:#EFF; or color:#EEFFFF
}
Cheers
On Fri, Oct 9, 2009 at 12:47 PM, len <[email protected]> wrote:
>
> I have the following html code;
>
> <div id="mainnav">
> <ul>
> <li><a href="index.html" title="Home Page">Home</a></li>
> <li><a href="html/about.html" title="About">About</a></li>
> <li><a href="html/contact.html" title="Contact
> Information">Contact</
> a></li>
> <li><a href="html/catalog.html"
> title="catalogs">Catalogs</a></li>
> <li><a href="html/msds.html" title="Material Safty Data
> Sheet">MSDS
> Sheets</a></li>
> </ul>
> </div>
>
> I have the following css code;
> #mainnav {
> font-weight: bold;
> font-size: 14px;
> width: 900px;
> float: left;
> padding-left: 15px;
> padding-right: 15px;
> }
>
> #mainnav ul {
> margin: 0
> padding: 0
> list-style-type: circle;
> list-style-image: none;
> }
>
> #mainnav li {
> padding-left: 15px;
> padding-right: 15px;
> float: left;
> background: url(images/rightedge.gif) no-repeat top right;
> margin-left: 1px;
> margin-right: 1px;
>
> }
>
> #mainnav a {
> display: block;
> background: url(images/leftedge.gif) no-repeat top left;
> padding: 3px 6px;
> color; efff;
> }
>
> My problem is that no matter what I put in the list-style-type I
> always get the 'disk'.
> I am testing this on my desktop which is running Ubuntu 9.04, browser
> is
> Mozilla/5.0 (X11; U; Linux i686; en-US; rv:1.9.1.4pre) Gecko/20091006
> Ubuntu/9.04 (jaunty) Shiretoko/3.5.4pre
>
> is this a problem in my html or css or a bug of the browser
>
> Thanks
> Len
>
> >
>
--
Ricardo Augusto Furtado
--~--~---------~--~----~------------~-------~--~----~
--
You received this because you are subscribed to the "Design the Web with CSS"
at Google groups.
To post: [email protected]
To unsubscribe: [email protected]
-~----------~----~----~----~------~----~------~--~---
