Menu bg-color

I just love to make the buttons with Fireworks, it is so easy and it will show
the Down State on web page.
But after learning (trying) CSS then i'm very upset, because it is so hard to
do it.
How can i import complete menu buttons to CSS pages....possible?
Someone help me to do it before....but i can not make it work ....i send the
codes Please if you have time read and help
thanks again to everyone who spend the times to help other.....



#nav {

}
#nav ul{
padding: 0;
margin: 0;

}
#nav ul li{
display: inline;
padding: 0;
margin: 0;

}
#nav ul li a{
padding: 0;
text-align: center;
font: bold 90% Verdana, Arial, Helvetica, sans-serif;
text-decoration: none;
margin: 0px 10px;
background: #66CC66;
border : none;
color: #FFFFFF;
}
#nav ul li a:hover, #nav ul li a:focus{
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #66CC66;
background: #FFFFFF;
padding: 0px 3px;
font-style: italic;
}
#button1 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-style: italic;
font-weight: bolder;
color: #66CC66;
}


<div id="nav">
[BULLET]
[LI]<a href="index.htm">Home Page</a></li

[LI]<a href="lost.php">Lost Pets</a></li
[LI]<a href="found.php">Found Pets</a></li
[LI]<a href="sale.php">New Home</a></li
[LI]<a href="showoff.php">Show Off!</a></li
[LI]<a href="911.php" id="button1">911</a></li ----here i add #id buttons
it work few web site , but i just can not do it again---
[LI]<a href="signup.php">SignUp</a></li
[/BULLET]
/div

Try these tutorials:

http://www.projectseven.com/tutorial...hide/index.htm

http://www.projectseven.com/tutorial...inks/index.htm

--
Ken Ford
Adobe Community Expert


"wefollow" <webforumsuser (AT) macromedia (DOT) com> wrote

I just love to make the buttons with Fireworks, it is so easy and it will
show
the Down State on web page.
But after learning (trying) CSS then i'm very upset, because it is so hard
to
do it.
How can i import complete menu buttons to CSS pages....possible?
Someone help me to do it before....but i can not make it work ....i send
the
codes Please if you have time read and help
thanks again to everyone who spend the times to help other.....



#nav {

}
#nav ul{
padding: 0;
margin: 0;

}
#nav ul li{
display: inline;
padding: 0;
margin: 0;

}
#nav ul li a{
padding: 0;
text-align: center;
font: bold 90% Verdana, Arial, Helvetica, sans-serif;
text-decoration: none;
margin: 0px 10px;
background: #66CC66;
border : none;
color: #FFFFFF;
}
#nav ul li a:hover, #nav ul li a:focus{
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #66CC66;
background: #FFFFFF;
padding: 0px 3px;
font-style: italic;
}
#button1 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-style: italic;
font-weight: bolder;
color: #66CC66;
}


div id="nav"
[BULLET]
[LI]<a href="index.htm">Home Page</a></li
[LI]<a href="lost.php">Lost Pets</a></li
[LI]<a href="found.php">Found Pets</a></li
[LI]<a href="sale.php">New Home</a></li
[LI]<a href="showoff.php">Show Off!</a></li
[LI]<a href="911.php" id="button1">911</a></li ----here i add #id
buttons
it work few web site , but i just can not do it again---
[LI]<a href="signup.php">SignUp</a></li
[/BULLET]
/div