mbrad
Joined: 11 Jun 2007
Posts: 14
|
 Posted: Tue Jun 12, 2007 4:30 am Post subject: Double Fonts |
 |
|
Thanks for taking the time to read my question.
When I do the mouseover of a menu item I'd like the font to bold. If I specify this in the css, it seems that there are 2 sets of text and the top one gets bolded while the one underneath stays the same. Really odd effect.
How do I get around this?
Brad
.js
| Quote: | BLANK_IMAGE = 'images/b.gif';
var STYLE = {
/*border:0, // item's border width, pixels; zero means "none"
shadow:0, // item's shadow size, pixels; zero means "none"*/
/*color:{
border:"#666666", // color of the item border, if any
shadow:"#DBD8D1", // color of the item shadow, if any
bgON:"white", // background color for the items
bgOVER:"#B6BDD2" // background color for the item which is under mouse right now
},*/
css:{
ON:"clsCMOn", // CSS class for items
OVER:"clsCMOver" // CSS class for item which is under mouse
}
};
var STYLE2 = {
/*border:0, // item's border width, pixels; zero means "none"
shadow:0, // item's shadow size, pixels; zero means "none"*/
/*color:{
border:"#666666", // color of the item border, if any
shadow:"#DBD8D1", // color of the item shadow, if any
bgON:"orange", // background color for the items
bgOVER:"#B6BDD2" // background color for the item which is under mouse right now
},*/
css:{
ON:"clsCMOn2", // CSS class for items
OVER:"clsCMOver2" // CSS class for item which is under mouse
}
};
var MENU_ITEMS = [
{pos:[140,114], itemoff:[0,99], leveloff:[20,0], size:[22,99], blankImage:"Images/b.gif"},
{code:"Home", "url":"Index.htm", style:STYLE,
sub:[]
},
{code:"About Us", "url":"AboutUs.htm", style:STYLE, size:[22,99],
sub:[
{leveloff:[20,0], size:[22,140]},
{code:"League Board Members", "url":"LeagueBoardMembers.htm",style:STYLE2}
]
},
{code:"Philosophy", "url":"Philosophy.htm", style:STYLE, size:[22,99],
sub:[
{leveloff:[20,0], size:[22,140]},
{code:"Code Of Conduct", "url":"CodeOfConduct.htm",style:STYLE2}
]
},
{code:"Teams", "url":"Teams.htm", style:STYLE,
sub:[
{leveloff:[20,0], size:[22,99]},
{code:"CDN Teams",style:STYLE2},
{code:"US Teams",style:STYLE2}
]
},
{code:"Standings", "url":"Standings.htm", style:STYLE,
sub:[]
},
{code:"Schedule", "url":"Schedule.htm", style:STYLE,
sub:[]
},
{code:"Contact Us", "url":"ContactUs.htm", style:STYLE,
sub:[]
},
{code:"Links", "url":"Links.htm", style:STYLE,
sub:[]
}
];
|
.css
| Quote: | div {
font-family: Tahoma, Helvetica;
}
.clsCMOn, .clsCMOver {
font-size: 16px;
padding: 2px 4px;
}
.clsCMOn {
background-color: transparent;
color: #000000;
}
.clsCMOver {
background-color: transparent;
color: #000099;
}
.clsCMOn2, .clsCMOver2 {
font-size: 12px;
padding: 2px 4px;
}
.clsCMOn2 {
background-color: #CCCCCC;
color: #000000;
}
.clsCMOver2 {
background-color: transparent;
color: #000099;
}
|
[/quote] |
|
FAQ
Search
Memberlist
Usergroups
Register
Profile
Log in to check your private messages
Log in
