Share » Forums » Developer » Changing CSS-attributes for TopMenu

Changing CSS-attributes for TopMenu

Changing CSS-attributes for TopMenu

Wednesday 28 June 2006 4:59:24 am - 2 replies

Author Message

Tim Dickinson

Wednesday 28 June 2006 5:20:48 am

The CSS file you need to look at is located here:
http://unifiedconsulting.ezpublish.webdeal-testspace.com/design/uc/stylesheets/site.css

and the relevant part to change is:

/* TOP MENU */




div#topmenu
{

/*	position: absolute; */
	width: 750px;
	height: 17px;
	text-align: left;
	vertical-align: middle;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	text-transform: uppercase;
	font-weight: bold;
	background-image: url('../images/menu_bg.gif');
	padding-left: 12px;
	padding-right: 12px;
	text-decoration: none;

}


div.topmenu-line
{
    border-bottom: 1px solid; /* This line needs to be set to avoid bug in IE */
}

div#topmenu-design
{
/*position: absolute;*/
	width: 750px;
	height: 17px;
	margin: 0;
	padding: 0;
	text-align: left;
	vertical-align: middle;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	text-transform: uppercase;
	font-weight: bold;
	padding-left: 12px;
	padding-right: 12px;
	text-decoration: none;

}
div #topmenu a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	text-transform: uppercase;
	font-weight: bold;
	padding-left: 12px;
	padding-right: 12px;
	text-decoration: none;
}

div #topmenu a:hover {
	color: #1c72a5;
	text-decoration: none;
}


div#topmenu ul
{
    margin: 0;
    padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	text-transform: uppercase;
	font-weight: bold;
	color: #545454;
	padding-left: 12px;
	padding-right: 12px;
	text-decoration: none;


}

div#topmenu li
{
    margin: 0;
    padding: 0;
    float: left;
    display: block;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	text-transform: uppercase;
	font-weight: bold;
	color: #545454;
	padding-left: 12px;
	padding-right: 12px;
	text-decoration: none;

}

div#topmenu li div.spacing
{
    padding: 0.2em 12px 0.3em 12px;
}

div#topmenu li a
{
    text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	text-transform: uppercase;
	font-weight: bold;
	color: #545454;
	padding-left: 12px;
	padding-right: 12px;
	text-decoration: none;

}

div#topmenu li a:hover
{
    text-decoration: underline;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	text-transform: uppercase;
	font-weight: bold;
	color: #545454;
	padding-left: 12px;
	padding-right: 12px;
	text-decoration: none;


}

(It's pretty easy to find if you're using Mozilla Firefox with the Web Developer Extension).

Regards

Tim

http://www.AdBalance.com - Ad network news and reviews
http://www.DevPublisher.com - Website publisher guides, tools and news
http://www.AudioMelody.com - Make better music

Newbie Girl

Wednesday 28 June 2006 11:35:27 pm

Thank you very much for answering me! Unfortunately these are the lines of code I have been trying to change for days now, and it doesn't work (even though I've cleared the cache - yes ;)

I must just scratch my head even more ;)

Thanks for answering :)

You must be logged in to post messages in this topic!

36 542 Users on board!

Forums menu