PDA

Click to See Complete Forum and Search --> : vertical navigation

larman
01-09-2007, 02:32 PM
Please help.... For whatever reason I can not get the nav bar to keep the background color in current state (home , about, documents, contact). It must be a css rule issue. I have attached the website and css. Any help is greatly appreciated..

home page

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title> </title>
<style type="text/css">
<!--
body {
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
}
-->
</style>
<link href= "main.css" rel="stylesheet" type="text/css" />
<meta name="Keywords" content=" />

<style type="text/css">

</style>
<table width="800">
<tr>
<td valign="top"><img src="crawford banner1.gif" width="880" height="200" align="top" /></td>
</tr>

<td valign="top"><table width="885">
<tr>

<td width="76" valign="top" ></td>
<td width="136" valign="top">
<div id="divVert">

<ul id="ulVert">


<li class id="current"> <a href="index.html"> Home</a></li>
<li> <a href="about.html">About</a></li>
<li><a href="documents.html">Documents</a></li>
<li><a href="contact.html">Contact</a> </li>
</ul>
</div>
<td width="463" valign="top" ><p id="par">For over 16 years, Crawford Documents has provided our clients with full-service legal document preparation for actions within Washington State. </p>

<p id="par">Our service is efficient and confidential.&nbsp; Whether your needs are simple such as a rental agreement or a more complex bankruptcy; we have extensive experience in many areas and have prepared thousands of legal documents for our clients. </p>

<p id="par">With offices conveniently located in Lacy, Washington and with access to our services via the Internet and fax, Crawford Documents provides services state-wide.</p>

<p id="par">Document services provided: - Bankruptcy <strong>(only document processor in Thurston County) </strong><br />
<br />
- Divorce<br />
- Child Support Modifications <br />
- Parenting Plan Revisions <br />
- Dissolutions<br />
- Wills<br />
- Adoptions<br />
- Living trust<br />
- Power of Attorney<br />
- Health Care Power of Attorney <br />
- Living Will<br />
- Rental Agreements<br />
- Eviction<br />
</p>
<p id="par">Please call us at or <a href="http://crawforddocuments.com/contact.html">email </a> with any question you may have. We look forward to serving you in anyway we can. </p>

</td>
<td width="190" valign="top" class="borderight">

<br />
<img src="testimonials.gif" width="110" height="25" /> </strong> <br />
<br />
<div id=rside>
<p><strong>&quot;</strong>Cheri was incredibly helpful in preparing my documents at a very difficult time.&nbsp; She really made it a much easier experience for me.&quot;<br />
<br />
<strong>Frank. Seattle </strong></p>
</div>
<br />
<br />
<br />
<br />
<br />
<br />
<br />
</p>
<p>&nbsp;</p>
<p></p></td>
</tr>
</table>
<table width="881">
<tr>
<td width=873><div id="footer">
<div align="center">
<ul id="ulfooter">
<li><a href="index.html">Home</a></li>
<li><a href="about.html">About</a></li>
<li><a href="documents.html">Documents</a></li>
<li><a href="contact.html">Contact</a> </li>
</ul>
</div>
</div> </td>
</tr>
<tr>
<td><div id="footer2"div align="center"> </a> </div></td>
</tr>
</table></td>
</tr>
</table>
</body>
</html>

css

/* Vertical Menu */
#divVert {
background-color: #FFFFFF;
width: 90px;
padding: 15px;
}
#ulVert {
list-style-type: none;
margin: 0;
padding: 0;
}
#ulVert a {
padding: 8px;
border-top: 1px solid #8F0805;
border-bottom: 1px solid #8F0805;
display: block;
width: 90px;
margin-bottom: 10px;
margin-top: 15px;
text-decoration: none;
}
#liVert a.current {
background-color: #CCCCCC;
}
#ulVert a:link,
#ulVert a:visited,
#ulVert a:active
{
color: #000000;
}
#ulVert a:hover {
background-color: #CCCCCC;
}
#liVert a#current {
background-color: #CCCCCC;
}



.footer {
font-family: "Arial Narrow", Arial, "Cordia New";
font-size: 12px;
font-weight: bold;
}
.borderight {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: normal;
border-top-width: 0px;
border-right-width: 0px;
border-bottom-width: 0px;
border-left-width: thin;
border-left-style: solid;
border-left-color: #8F0805;
padding: 40px;
}



#par {font-family: arial, san-serif;
font-size:12px;
line-height:120%;
word-spacing: 1 em;
letter-spacing: 1px;
}

#h3 {font-size:70%;
}





#footer li {
margin: 5px;
padding: 5px;
list-style: circle;
text-align:center;
font-family:"arial narrow", arial;
font-size:12px;
font-weight: bold;
}

#footer li{
display: inline;
}
#footer li a {
float: none;
height: 10px;
padding: 5px;
margin-top: 0px;
text-decoration: none;
margin-left: 0px;
margin-right:0px;
}
#footer li a:link,
#footer li a:visited {
color: #8F0805;
}
#footer li a:hover {
background-color: #CCCCCC;
}
#footer .current a:link {
border-bottom: 1px solid #EDEEE9;
padding-bottom: 0px;
}
#footer2 a:link{
font-family:Arial narrow, arial, sans-serif;
font-size: 12px;
}
#footer2 {font-family:Arial narrow, arial, sans-serif;
}
#footer2 a:link {
color: 8F0805;
text-decoration: none;
}

a:visited {
text-decoration: none;
color:#000000
}

a:hover {
text-decoration: none;
color: #000000;
}
a:active {
text-decoration: none;
}

#rside {background-color:#CCCCCC
}

#h3 {font:Arial, Helvetica, sans-serif}
Fang
01-10-2007, 01:23 AM
#current {
background-color: #CCC;
}

<li><a id="current" href="index.html">Home</a></li>
aussie girl
01-10-2007, 01:56 AM
I don't see any closing </head> tag or open <body> tag
Fang
01-10-2007, 02:11 AM
I don't see any closing </head> tag or open <body> tagNot relevant to the problem. They are optional anyway.<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<title>valid document</title>
<p>A valid document</p>
WebJoel
01-11-2007, 04:15 PM
I don't see any closing </head> tag or open <body> tag
What fang said about being "optional", but an implicit 'open' of any tag should have an implicit 'closing' of same, and vice-versa. I don't think it really affects whether the page works or not, though (I think all browsers overlook this in it's total or partial absence). I do think that having relevant sections like "<head>" and "<body>" might help spiders/'bots better index a page better, though, -so I too am rather picky about the main 'should be mandatory but are actually optional' tags of "html", "head", "title", "body", and to a somewhat lesser extent, "p".
grumpyoldtechs
01-11-2007, 04:21 PM
i think the problem is down to the vicious attack of bad coding, messy code, bad practice, and depreciated code.

all tags which are opened should be closed and i suggest you validate your code it tells you a lot and usually pulls up layout problems.