Posted by Gavin on 06/05/05 21:15

I have the code below in my html page:

<div id=menu>
<a onclick="P7_swapClass(1,'sub1','sectionon','sectionoff','div')"
href="javascript:;">On
Air...</a> </font>
<DIV class=sectionoff id=sub1><a href="main.php?page=onair" >On
Air 1</a> <a href="main.php?page=onair" >On Air 2</a> <a
href="main.php?page=onair" >On
Air 3</a> </font>
</div>

I have a CSS file saying what the menu tags should be formated like, but
when the new drop down menu appears it doesn't display any text or links?

The CCS file is below if needed.

Thanks

Gavin.

#sched a:link { text-decoration: none; color: #000000 }
#sched a:active { text-decoration: none; color: #000000 }
#sched a:visited { text-decoration: none; color: #000000 }
#sched a { text-decoration: none; color: #000000 }
#sched a:hover {
text-decoration: none;
color: #FFFFFF;
background-repeat: no-repeat;
}


#h1
{
font-family: Verdana;
font-size: 18pt;
text-decoration: underline;
font-weight: bold
}


#menu a:link, #menu a:active, #menu a:visited, #menu a {
color: #000000;
display: block;
text-decoration: none;
background-image: none;
width: 125px;
padding-top: 5px;
padding-right: 2px;
padding-bottom: 5px;
padding-left: 20px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-style: normal;
line-height: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
height: 30px;
}


#menu a:hover {
color: #CCCCCC;
display: block;
width:125px;
padding: 5px 2px 5px 20px;
background-image: none;




}

..sectionoff {
VISIBILITY: hidden; FONT: 11px Verdana, Arial, Helvetica, sans-serif;
POSITION: absolute
}
..sectionon {
VISIBILITY: visible; POSITION: static
}

..sectionon A {
PADDING-RIGHT: 2px; DISPLAY: block; PADDING-LEFT: 15px; BACKGROUND-IMAGE:
none; PADDING-BOTTOM: 2px; FONT: 11px Verdana, Arial, Helvetica, sans-serif;
COLOR: #000000; PADDING-TOP: 2px; BACKGROUND-COLOR: #cdbfde
}
..sectionon A:link {
COLOR: #000000; BACKGROUND-COLOR: #cdbfde
}
..sectionon A:visited {
COLOR: #000000; BACKGROUND-COLOR: #cdbfde
}
..sectionon A:hover {
BACKGROUND-COLOR: #cdbfde; TEXT-DECORATION: underline
}
..sectionon A:active {
COLOR: #000000; BACKGROUND-COLOR: #cdbfde
}
..sectionoff {
VISIBILITY: hidden; FONT: 11px Verdana, Arial, Helvetica, sans-serif;
POSITION: absolute
}
#sub1 a {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-style: normal;
line-height: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
color: #00FF00;
text-decoration: none;
}

[Back to original message]