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 :)
|