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;
}

• Next in forum: Website is loaded as "application/x-httpd-php"
• Prev in forum: Re: Menu
• Thread view: Please help with CSS problem!

[Reply to this message]