I am trying to make the link button change styles for the current page. I am assigning a class of hcurrent to the link that is the current pages link. I have a style rule written and it doesn't change anything. Can anyone tell me what I have done wrong. It doesn't work in FireFox or IE.
Here is the HTML:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Insert Page Title Here - Baumann Electronic Controls</title>
<link rev="made" href=http://www.webdeveloper.com/forum/archive/index.php/"mailto:[email protected]">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="generator" content="NoteTab Pro 4.92">
<meta name="author" content="Greg Dantzler">
<meta name="description" content="<!-- Put Description of Page Here -->">
<meta name="keywords" content="AODE 4R70W AOD E4OD 4R100E Ford Performance Transmission 2 inch band overdrive clutches valve body kit shift firmness">
<link rel="stylesheet" type="text/css" href=http://www.webdeveloper.com/forum/archive/index.php/"unclassed.css" title="main" media="screen">
<link rel="stylesheet" type="text/css" href=http://www.webdeveloper.com/forum/archive/index.php/"section.css" title="main" media="screen">
<link rel="stylesheet" type="text/css" href=http://www.webdeveloper.com/forum/archive/index.php/"special.css" title="main" media="screen">
</head>
<body>
<a name="top"></a>
<!-- When Editing Make sure directory path is correct for BEC logo Image -->
<div id="banner">
<img class="centerimage"src=http://www.webdeveloper.com/forum/archive/index.php/"baumannlogo450x100.jpg" width="452" height="101" alt="BEC Logo">
</div>
<!-- When editing template make changes to navbar to indicate the current section, and make sure all href have the proper directory instructions -->
<div class="navbar">
<ul>
<li>
<a id="hcurrent" href=http://www.webdeveloper.com/forum/archive/index.php/"index.htm" title="You Are Here">Home</a><a href="products/products.htm" title="View our Products">Products</a><a href="tech/tech.htm" title="Go to Main Tech Help Page">Tech</a><a href="ourfaqs/index.htm" title="Frequently asked questions about Transmissions and our products">FAQ</a><a href="contact.htm" title="Information about how to contact us">Contact</a><a href="aboutus.htm" title="Company Information, Policies, and History">Company Info</a><a href="order.htm" title="Ordering Information">Order</a><a href="pricing.htm" title="View our Price List">Pricing</a><a href="dealers.htm" title="View our List of Dealers">Dealers</a><a href="links.htm" title="Links of Interest">Links</a><a href="motorsports.htm" title="See Our Products in Action">Motorsports</a><a href="sitemap.htm" title="Complete list of links to every page of our webstie">Site Map</a>
</li>
</ul>
</div>
<!-- ----Begin individual page content here---- -->
<!-- ----End individual page content here---- -->
<!-- ----Footer for All Pages---- -->
<p class="notice"><a href=http://www.webdeveloper.com/forum/archive/index.php/"#banner">Back to Top</a></p>
<hr />
<p>Remember when searching the web for our products and dealers that Baumann is often misspelled as Bauman. Try searching on Bauman and Baumann when looking for webpages of customers who have documented their Baumannator TCS, AOD, AODE, 4R70W, or E4OD valve body kits or performance parts installations in their vehicles.
<hr />
<p class="address">Baumann Electronic Controls, LLC<br />702 South Mechanic Street<br />Pendleton, SC 29670<br />Phone: 864-335-9365<br />Fax: 864-335-9055
<p class="disclaimer">All information, text and graphics contained within this site are the exclusive property of Baumann Electronic Controls, LLC and may not be used or reproduced in any form without the express written consent of Baumann Electronic Controls, LLC.</p>
<p class="lastupdate">Last updated on <em>February 04, 2005</em></p>
</body>
</html>
Here is the relevant style sheet:
/* Banner Style Rules */
#banner {padding: 0px 0px 0px 0px;
margin-top: 0px;
margin-bottom: 0px;
}
/* Horizontal Navigation bar Style Rules */
.navbar {text-align: center;
white-space: nowrap;
}
.navbar li {list-style-type: none;
margin-left: -30px;
}
.navbar a {position: relative;
background-color: #cccccc;
border: 3px outset #999999;
text-align: center;
padding: 1px 4px 1px 4px;
-moz-border-radius-topleft: 15px;
-moz-border-radius-topright: 15px;
}
.navbar a:link {background-color: #cccccc;
}
.navbar a:visited {background-color: #cccccc;
}
.navbar a:hover {border-style: inset;
border-bottom: none;
background-color: transparent;
text-decoration: none;
padding: 1px 4px 1px 4px;
color: #000000;
}
#hcurrent a:link {border-style: inset;
border-bottom: none;
background-color: transparent;
text-decoration: none;
padding: 1px 4px 1px 4px;
color: #000000;
}
#hcurrent a:visited {border-style: inset;
border-bottom: none;
background-color: transparent;
text-decoration: none;
padding: 1px 4px 1px 4px;
color: #000000;
}
/* Vertical Navigation Bar Style Rules */
.vnavbar {width: 184px;
float: left;
position: relative;
margin-top: 13px;
}
.vnavbar ul {margin: 0;
padding: 0;
list-style-position: outside;
list-style-type: none;
list-style-image: url(../graphics/ArrowR10.gif);
font-family: arial, helvetica, sans-serif;
font-size: small;
background-color: #cccccc
}
.vnavbar li {border: 2px solid #c0c0c0;
}
.vnavbar a {/*/*/ display: block;
width:176px;
padding: 2px 2px 2px 2px;
background-color: #cccccc; /* */
}
.vnavbar h4 { background-color: #1094D8;
color: #ffffff;
margin: 0px;
padding: 2px 2px 2px 2px;
border: 2px solid #1094D8;
text-align: center;
width: 176px;
}
.vnavbar a:link { color: #0000ee;
background-color: #cccccc;
}
.vnavbar a:visited { color: #800080;
background-color: #cccccc;
}
.vnavbar a:hover { color: #0000ee;
background-color: #ffff66;
}
.vcurrent a:link { color: #0000ee;
background-color: #ffff66;
}
.vcurrent a:visited { color: #0000ee;
background-color: #ffff66;
}
/* Question List Style Rules */
#qlist ol { margin-left: 260px;
list-style-type: decimal;
padding: 5px 0px 5px 0px;
}
#qlist li {padding: 0px 0px 5px 0px;
}
.q { font-family: Arial, Helvetica, Sans-Serif;
font-weight: bold;
font-size: medium;
color: #000066;
}
#infolist li {margin: 15px 10px 15px 10px;
}
#infolist p { margin-left: 5px;
margin-right: 5px;
}
#news {border: solid #000066;
border-width: 4px 4px 4px 12px;
margin: 1.5em;
}
Any Ideas?by taking a quick glance on your code, you are aware that there is no "text" link there, are you? Not even a thin space is linkedI'm afraid I don't understand what you mean by no text link. What do you mean?gah, sorry.. I could swear that "Home" wasn纾
Here is the HTML:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Insert Page Title Here - Baumann Electronic Controls</title>
<link rev="made" href=http://www.webdeveloper.com/forum/archive/index.php/"mailto:[email protected]">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="generator" content="NoteTab Pro 4.92">
<meta name="author" content="Greg Dantzler">
<meta name="description" content="<!-- Put Description of Page Here -->">
<meta name="keywords" content="AODE 4R70W AOD E4OD 4R100E Ford Performance Transmission 2 inch band overdrive clutches valve body kit shift firmness">
<link rel="stylesheet" type="text/css" href=http://www.webdeveloper.com/forum/archive/index.php/"unclassed.css" title="main" media="screen">
<link rel="stylesheet" type="text/css" href=http://www.webdeveloper.com/forum/archive/index.php/"section.css" title="main" media="screen">
<link rel="stylesheet" type="text/css" href=http://www.webdeveloper.com/forum/archive/index.php/"special.css" title="main" media="screen">
</head>
<body>
<a name="top"></a>
<!-- When Editing Make sure directory path is correct for BEC logo Image -->
<div id="banner">
<img class="centerimage"src=http://www.webdeveloper.com/forum/archive/index.php/"baumannlogo450x100.jpg" width="452" height="101" alt="BEC Logo">
</div>
<!-- When editing template make changes to navbar to indicate the current section, and make sure all href have the proper directory instructions -->
<div class="navbar">
<ul>
<li>
<a id="hcurrent" href=http://www.webdeveloper.com/forum/archive/index.php/"index.htm" title="You Are Here">Home</a><a href="products/products.htm" title="View our Products">Products</a><a href="tech/tech.htm" title="Go to Main Tech Help Page">Tech</a><a href="ourfaqs/index.htm" title="Frequently asked questions about Transmissions and our products">FAQ</a><a href="contact.htm" title="Information about how to contact us">Contact</a><a href="aboutus.htm" title="Company Information, Policies, and History">Company Info</a><a href="order.htm" title="Ordering Information">Order</a><a href="pricing.htm" title="View our Price List">Pricing</a><a href="dealers.htm" title="View our List of Dealers">Dealers</a><a href="links.htm" title="Links of Interest">Links</a><a href="motorsports.htm" title="See Our Products in Action">Motorsports</a><a href="sitemap.htm" title="Complete list of links to every page of our webstie">Site Map</a>
</li>
</ul>
</div>
<!-- ----Begin individual page content here---- -->
<!-- ----End individual page content here---- -->
<!-- ----Footer for All Pages---- -->
<p class="notice"><a href=http://www.webdeveloper.com/forum/archive/index.php/"#banner">Back to Top</a></p>
<hr />
<p>Remember when searching the web for our products and dealers that Baumann is often misspelled as Bauman. Try searching on Bauman and Baumann when looking for webpages of customers who have documented their Baumannator TCS, AOD, AODE, 4R70W, or E4OD valve body kits or performance parts installations in their vehicles.
<hr />
<p class="address">Baumann Electronic Controls, LLC<br />702 South Mechanic Street<br />Pendleton, SC 29670<br />Phone: 864-335-9365<br />Fax: 864-335-9055
<p class="disclaimer">All information, text and graphics contained within this site are the exclusive property of Baumann Electronic Controls, LLC and may not be used or reproduced in any form without the express written consent of Baumann Electronic Controls, LLC.</p>
<p class="lastupdate">Last updated on <em>February 04, 2005</em></p>
</body>
</html>
Here is the relevant style sheet:
/* Banner Style Rules */
#banner {padding: 0px 0px 0px 0px;
margin-top: 0px;
margin-bottom: 0px;
}
/* Horizontal Navigation bar Style Rules */
.navbar {text-align: center;
white-space: nowrap;
}
.navbar li {list-style-type: none;
margin-left: -30px;
}
.navbar a {position: relative;
background-color: #cccccc;
border: 3px outset #999999;
text-align: center;
padding: 1px 4px 1px 4px;
-moz-border-radius-topleft: 15px;
-moz-border-radius-topright: 15px;
}
.navbar a:link {background-color: #cccccc;
}
.navbar a:visited {background-color: #cccccc;
}
.navbar a:hover {border-style: inset;
border-bottom: none;
background-color: transparent;
text-decoration: none;
padding: 1px 4px 1px 4px;
color: #000000;
}
#hcurrent a:link {border-style: inset;
border-bottom: none;
background-color: transparent;
text-decoration: none;
padding: 1px 4px 1px 4px;
color: #000000;
}
#hcurrent a:visited {border-style: inset;
border-bottom: none;
background-color: transparent;
text-decoration: none;
padding: 1px 4px 1px 4px;
color: #000000;
}
/* Vertical Navigation Bar Style Rules */
.vnavbar {width: 184px;
float: left;
position: relative;
margin-top: 13px;
}
.vnavbar ul {margin: 0;
padding: 0;
list-style-position: outside;
list-style-type: none;
list-style-image: url(../graphics/ArrowR10.gif);
font-family: arial, helvetica, sans-serif;
font-size: small;
background-color: #cccccc
}
.vnavbar li {border: 2px solid #c0c0c0;
}
.vnavbar a {/*/*/ display: block;
width:176px;
padding: 2px 2px 2px 2px;
background-color: #cccccc; /* */
}
.vnavbar h4 { background-color: #1094D8;
color: #ffffff;
margin: 0px;
padding: 2px 2px 2px 2px;
border: 2px solid #1094D8;
text-align: center;
width: 176px;
}
.vnavbar a:link { color: #0000ee;
background-color: #cccccc;
}
.vnavbar a:visited { color: #800080;
background-color: #cccccc;
}
.vnavbar a:hover { color: #0000ee;
background-color: #ffff66;
}
.vcurrent a:link { color: #0000ee;
background-color: #ffff66;
}
.vcurrent a:visited { color: #0000ee;
background-color: #ffff66;
}
/* Question List Style Rules */
#qlist ol { margin-left: 260px;
list-style-type: decimal;
padding: 5px 0px 5px 0px;
}
#qlist li {padding: 0px 0px 5px 0px;
}
.q { font-family: Arial, Helvetica, Sans-Serif;
font-weight: bold;
font-size: medium;
color: #000066;
}
#infolist li {margin: 15px 10px 15px 10px;
}
#infolist p { margin-left: 5px;
margin-right: 5px;
}
#news {border: solid #000066;
border-width: 4px 4px 4px 12px;
margin: 1.5em;
}
Any Ideas?by taking a quick glance on your code, you are aware that there is no "text" link there, are you? Not even a thin space is linkedI'm afraid I don't understand what you mean by no text link. What do you mean?gah, sorry.. I could swear that "Home" wasn纾