Solid block menu rollover question

**jcdesigns** · 05-10-2007, 12:29 AM

Hello everyone,

I just joined the DD forum and love the wealth of information regarding web design.

I have a question regarding the horizontal CSS menu. I am trying to get the rollover to change color from blue to black. I used the same css code as the solid block horizontal menu example but can't get it to work (See code below). Please let me know what changes are needed to make this work. I also provided the url link to reference so you can see the problem. Also you will notice the little black space beside contact us. How or can this be removed? Thanks

background: #000000 url(web211/jcdbluemenuredo.gif) center center repeat-x;

.blockmenu li a:hover, .blockmenu li .current{
background: #3266cd url(web211/jcdblackmenu.gif) center center repeat-x;
}

I also used this code for the hover effect when the #3266cd url did not work:

background: transparent url(web211/jcdblackmenu.gif) center center repeat-x;

[Broken Link Removed]

**spyder** · 05-10-2007, 01:21 AM

sorry that this isnt a direct answer to your question, but this is a css based menu that supports rollover that i have used.

Code:

<head>
<style type="text/css">
a.menu:link, a.menu:visited, a.menu:active, a.menu:hover 
{ 
   display: block; 
   line-height: 34px; 
   width: 100&#37;; 
   text-align: center; 
   text-decoration: none;
   font-family: arial; 
   font-size: 12pt; 
   color: white; 
   background-color: #3266CD; 
   border: none; 
} 
a.menu:hover 
{ 
   color: white; 
   background-color: green; 
} 
</style>
</head>
<body>
<table style="width:740px; height:34px; padding:0px;"><tr><td><a href="" class="menu">About Us</a></td><td><a href="" class="menu">graphic design</a></td></tr></table>
</body>

you have a lot of control over design of the menu. to add more links, just add more <td>'s

Thread: Solid block menu rollover question

Thread Tools

Search Thread

Solid block menu rollover question

Bookmarks

Bookmarks

Posting Permissions