Topic: submenu links not working
I have this code with submenus and several divs in the primary content. I have hidden the other divs so they will not show until the menu item is clicked, but i'm stumped as to how to code the css to display it.
Here is the code:
<style type="text/css">
#header {
background-color:#336699;
position: absolute;
top: 0px;
left: 0px;
width: 100%;
}
#logo {
position: absolute;
top: 10px;
left: 10px;
}
#navigation ul {
padding: 5px 0;
margin-left: 775px;
margin-top: 100px;
font: 12px Verdana, helvetica, Arial, sans-serif;
}
#navigation li {
list-style: none;
margin: 0 7px 0 7px;
display: inline;
}
#navigation li a{
color: #FFFFFF;
text-decoration: none;
}
#primary-content {
position: absolute;
top: 150px;
left: 550px;
}
.heading {
font: bold 20px Verdana, helvetica, Arial, sans-serif;
color:#333366
}
.title {
font: bold 15px Verdana, helvetica, Arial, sans-serfi;
color: #333399;
}
#secondary-content {
position: absolute;
top: 185px;
left: 230px;
}
.subsec {
font: bold 15px Verdana, helvetica, Arial, sans-serif;
color: #333366;
}
.idTabs li {
list-style: none;
}
.idTabs li a{
text-decoration: none;
color: 6666FF;
font-family: Arial, Verdana, sans-serif;
font-size: 12px;
}
#footer {
background-color:#336699;
position: absolute;
left: 200px;
top: 650px;
height: 20px;
width: 75%;
color: #FFFFFF;
font: 11px;
}
#about-board {
display: none;
}
#about-bylaws {
display: none;
}
#about-contact {
display: none;
}
</style>
<title>Overseas Hong Kong Association</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body background = "graphics/news_bkgrd.jpg">
<div id="container">
<div id="header">
<div id = "logo">
<img src="graphics/top_new.jpg" width="640" height="109">
</div>
<div id="navigation">
<ul>
<li class="active"><a href="index-new.html">Home</a></li>
<li><a href="about-new.html">About OHKA</a></li>
<li><a href="events-new.html">Events</a></li>
<li><a href="gallery.html">Gallery</a></li>
<li><a href="membership-new.html">Join OHKA</a></li>
</ul>
</div>
</div>
<div id="content">
<div id="primary-content" class="pc">
<h1 class="heading">About OHKA</h1>
<div id="about-main">
<h2 class="title">Who We Are</h2>
<p>We are dedicated to being a premier association in Central New Jersey which provides a gathering place for social, recreational, and business
activities for members and their families in a distinctive Asian atmosphere.</p>
<p>In achieving our mission, we will:</p>
<ul>
<li><i>Maintain a commitment to an Asian identity</i></li>
<li><i>Maintain an association environment which is open and hospitable</i></li>
<li><i>Maintain a fiscal responsibility</i></li>
<li><i>Project a positive image within our community</i></li>
<li><i>Be responsive to our members</i></li>
</ul>
</div>
<div id="about-board">
<h2 class="title">OHKA Board for the term of 2008-2010</h2>
<p><strong>President</strong><br>Josephine Yan<a href="mailto:%20jyan168@yahoo.com"><img border="0" src="graphics/mail.gif" width="28" height="22"></a></p>
<p><strong>Vice President</strong><br>Clement Kwok<a href="mailto:%20clemk321@yahoo.com"><img border="0" src="graphics/mail.gif" width="28" height="22"></a></p>
<p><strong>Secretary</strong><br>Tina Choy<a href="mailto:%20tina_ronny@hotmail.com"><img border="0" src="graphics/mail.gif" width="28" height="22"></a></p>
<p><strong>Treasurer</strong><br>Pius Chu<a href="mailto:%20pius.chu@gmail.com"><img border="0" src="graphics/mail.gif" width="28" height="22"></a></p>
<p><strong>Program Director</strong><br>Frank Lau<a href="mailto:%20frankcmlau@aol.com"><img border="0" src="graphics/mail.gif" width="28" height="22"></a></p>
<p><strong>Public Affairs</strong><br>Lily Chu<a href="mailto:%20lilchu888@gmail.com"><img border="0" src="graphics/mail.gif" width="28" height="22"></a>
<br>Nelson Yan<a href="mailto:%20nyan3388@yahoo.com"><img border="0" src="graphics/mail.gif" width="28" height="22"></a></p>
<p><strong>Youth & Charity Director</strong><br>Lezlee Ho<a href="mailto:%20lezlee29@yahoo.com"><img border="0" src="graphics/mail.gif" width="28" height="22"></a></p>
<p><strong>Art Director</strong><br>Betty Yeung<a href="mailto:%20betty.yeung@ausomecandy.com"><img border="0" src="graphics/mail.gif" width="28" height="22"></a></p>
</div>
<div id="about-bylaws">
<h2 class="title">By-Laws</h2>
<p>Click <a href="new laws.html"><b>here</a></b> to view the by-laws of the Overseas Hong Kong Association.
</div>
<div id="about-contact">
<h2 class="title">Contact Us</h2>
<div align="center">Overseas Hong Kong Association (OHKA)</div>
<div align="center">P.O. Box 254</div>
<div align="center">3124 Highway 27</div>
<div align="center">Franklin Park, NJ 08823</div>
<p> If you have any questions regarding OHKA, please contact us at
<a href="mailto:ohka.email@yahoo.com">ohka.email@yahoo.com</a>.</p>
</div>
</div>
<div id="secondary-content" class="sc">
<h3 class="subsec">More Links</h3>
<ul class="idTabs" id="sub">
<li><a href="about-new.html"#about-main>Who We Are</a></li>
<li><a href="about-new.html"#about-board>Our Board</a></li>
<li><a href="about-new.hmtl"#about-bylaws>By-Laws</a></li>
<li><a href="about-new.html"#about-contact>Contact Us</a></li>
</ul>
<img src="graphics/boat.jpg" style="margin:50px 0 0 40px;">
</div>
</div>
<div id="footer">
<div align="center">Copyright ©2001 Overseas Hong Kong
Association. All rights reserved.</div>
</div>
</div>
</body>
</html>
