Forums

Give help. Get help.

And the CSS to style it:

Code:
ul#menu {
list-style: none;
padding:128px 0 0 330px;
}
ul#menu li{
display:inline;
}
ul#menu li a{
text-indent: -9999px;
display:block;
height: 51px;
float:left;
}
ul#menu li a.home{
background: url(images/menu_home.jpg) no-repeat bottom center;
width:107px;
}
ul#menu li a.home:hover ,ul#menu li a.home:active{
background-position: top center;
}

ul#menu li a.about{
background: url(images/menu_about.jpg) no-repeat bottom center;
width:95px;
}
ul#menu li a.about:hover ,ul#menu li a.about:active{
background-position: top center;
}
ul#menu li a.programs{
background: url(images/menu_programs.jpg) no-repeat bottom center;
width:95px;
}
ul#menu li a.programs:hover ,ul#menu li a.programs:active{
background-position: top center;
}
ul#menu li a.kids{
background: url(images/menu_kids.jpg) no-repeat bottom center;
width:97px;
}
ul#menu li a.kids:hover ,ul#menu li a.kids:active{
background-position: top center;
}
ul#menu li a.links{
background: url(images/menu_links.jpg) no-repeat bottom center;
width:95px;
}
ul#menu li a.links:hover ,ul#menu li a.links:active{
background-position: top center;
}
ul#menu li a.contact{
background: url(images/menu_contact.jpg) no-repeat bottom center;
width:129px;
}
ul#menu li a.contact:hover ,ul#menu li a.contact:active{
background-position: top center;
}
body#home ul#menu li a.home
body#home ul#menu li a.about
body#home ul#menu li a.programs
body#home ul#menu li a.kids
body#home ul#menu li a.links
body#home ul#menu li a.contact {
background-position: top center;
}

Viewing 1 post (of 1 total)

You must be logged in to reply to this topic.

icon-anchoricon-closeicon-emailicon-linkicon-logo-staricon-menuicon-nav-guideicon-searchicon-staricon-tag