Menu Bar Problem

	Home Register Search Help Login

Sponsors

Shopping Cart Software
Ecommerce software integrated into Frontpage, Dreamweaver and Golive templates. No monthly fees and available in ASP and PHP versions.

Website Templates
We also have a wide selection of Dreamweaver, Expression Web and Frontpage templates as well as webmaster tools and CSS layouts.

Frontpage website templates
Creative Website Templates for FrontPage, Dreamweaver, Flash, SwishMax

Search Forums

Recent Posts

Todays Posts
Most Active posts
Posts since last visit
My Recent Posts
Mark posts read

Menu Bar Problem

View related threads: (in this forum | in all forums)

Logged in as: Guest

Users viewing this topic: none

Printable Version

All Forums >> Web Development >> Cascading Style Sheets >> Menu Bar Problem

Page: [1]

boonedawg

Posts: 36
Joined: 4/8/2006
Status: offline

Menu Bar Problem - 6/17/2006 13:39:01

Ok, I have now got my site to work in IE, woot! But now I am having a small problem with my menu bar. The problem is with the submenu area. The active, hover and visited states work as planned, but the normal state is bold for some reason. I thought I fixed it with:

#navcontainer ul ul a {
background: transparent url(http://www.ramare.com/imgs/mb.gif) left center no-repeat;
font-weight: normal;
font-size: 11px;
color: #011750;
text-decoration:none;
padding-left: 10px;
}

It still appears bold until I hover or have clicked the link.

Here is the styles I am using for this menu bar:

/* Sidebar Nav */
#navcontainer {
	width: 178px; 
	background-color: #f9f9f9; 
	border: solid 1px #cccccc; 
	list-style-type: none; 
	padding-left: 5px; 
	margin: 0; 
	}

#navcontainer ul {
	list-style-type: none; 
	padding: 0; 
	margin: 0; 
	}

#navcontainer li {
	padding: 0 0 3px 0; 
	}

#navcontainer a, #navcontainer a:link {
	font-weight: bold; 
	color: #011750; 
	text-decoration: none; 
	}

#navcontainer a:focus, #navcontainer a:hover, #navcontainer a:active {
	text-decoration: underline; 
	}

#navcontainer ul li {
	font-weight: bold; 
	font-size: 11px; 
	padding: 2px 0 2px 0; 
	}

#navcontainer ul ul a {
	background: transparent url(http://www.ramare.com/imgs/mb.gif) left center no-repeat; 
	font-weight: normal; 
	font-size: 11px; 
	color: #011750; 
	text-decoration:none; 
	padding-left: 10px; 
	}

#navcontainer ul ul a:focus, #navcontainer ul ul a:hover, #navcontainer ul ul a:active {
	background: transparent url(http://www.ramare.com/imgs/mb2.gif) left center no-repeat; 
	font-weight: normal; 
	font-size: 11px; 
	color: #011750; 
	text-decoration: none; 
	padding-left: 10px; 
	}

#navcontainer a.activeitem {
	color: #cc0000; 
	}

#navcontainer a.activesubitem {
	background: transparent url(http://www.ramare.com/imgs/mb2.gif) left center no-repeat; 
	font-weight: normal; 
	font-size: 11px; 
	color: #011750; 
	text-decoration: none; 
	padding-left: 10px; 
	}

Any help in this matter will be greatly appreciated.


Tailslide Posts: 6267 Joined: 5/10/2005 From: Out here on the raggedy edge Status: offline	RE: Menu Bar Problem - 6/17/2006 13:46:16 Edit: scratch that. Add this in: #navcontainer ul ul a:link {font-weight:normal;} IE and FF etc seem to like to "listen" to different link rules. IE likes straight "a" and FF etc seem to prefer "a:link" _____________________________ "My strategy is so simple an idiot could have devised it" Little Blue Plane Web Design \| Blood, Sweat & Rust - A Land Rover restoration project (in reply to boonedawg)


boonedawg Posts: 36 Joined: 4/8/2006 Status: offline	RE: Menu Bar Problem - 6/17/2006 14:17:25 Thanks again Tailslide that worked perfectly. (in reply to Tailslide)