WebsiteBaker Community Forum

General Community => Off-Topic => Topic started by: Quarian on May 13, 2008, 10:47:58 AM

Title: Roll over menu
Post by: Quarian on May 13, 2008, 10:47:58 AM

Hi, im working on a template for website baker, and ive commed up with a problem, im not being able to put a roller over with the simple hover and such. If anyone could help me it would really be appriciated :)

Code: [Select]

A:link {color: #000000;}
A:visited {color: #000000;}
A:hover {text-decoration: underline; color: #f3f3f3;}
A:active {color: #000000;text-decoration: none}

The following is the CSS as it is now

Code: [Select]

#menu{
width:273px;
float:left;
height:auto;
margin-left:22px;
margin-top:37px;
}


#menu ul li {
 display: block;
 list-style-image: url("dot.gif");

}

#menu ul li a {
 color: #000000;
 text-decoration: none;
}

Title: Re: Roll over menu
Post by: Ruud on May 13, 2008, 10:57:49 AM

Just add the css for the hover like this:

Code: [Select]

#menu ul li a:hover {
 color: #f3f3f3;
 text-decoration: underline;
}

Ruud

Title: Re: Roll over menu
Post by: Quarian on May 13, 2008, 11:40:51 AM

Sweet :)

Thanks alot!