I am new to CSS and I have two problems which are undoubtably easy to
solve but have eluded me so far. Any help would be appreciated.
1) I have a main nav and a subnav. I was able to make the main nav
highlight the active area where the page is located by doing the
following.
CSS
#about #topnav .about a,
#clients #topnav .clients a,
#projects #topnav .projects a,
#subcontractor #topnav .subcontractor a,
#contact #topnav .contact a {
background: url(images/button-over.gif) repeat-x left top;
color: #fff;
cursor: default;
}
HTML
<body id="projects">
<ul>
<li class="home"><a href="../../index.htm">Home</a></li>
<li class="about"><a href="../../about.htm">About Us</a></li>
<li class="clients"><a href="../../clients.htm">Clients</a></li>
<li class="projects"><a href="projects">Projects</a></li>
<li class="subcontractor"><a href="subcontractor">Subcontractor
Blueprints</a></li>
<li class="contact"><a href="../../contact.htm">Contact Us</a></li>
</ul>
However, when I try to do something similar in the sub nav, it's not
working. How do I set this up?
2) I have some images that have a CSS border around them.
CSS
#otherprojects img {
border: 2px solid #333;
float: left;
margin-right: 7px;
margin-left: 7px;
HTML
<div id=otherprojects><table width="100%" border="0" cellspacing="0"
cellpadding="0">
<tr>
<td width="8%"> </td>
<td colspan="7" align="left" class="head">Other Office Projects</
td>
</tr>
<tr>
<td> </td>
<td width="8%" align="center"> </td>
<td width="13%" align="center"><a href="advanced_data/
index.htm"><img src="../thumbnails/th_advanced-data.jpg" alt="Advanced
Data" width="81" height="54" /></a><br /><br />
<a href="advanced_data/index.htm" class="links">
Advanced Data</a></td>
I want that border to thicken when I roll over. I have tried all sorts
of things with a:hover and can't make it work. How is this done?
Any help would be appreciated.
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
