style.css
#AboutNav a:link{
background: url(images/About/AboutNav.png);
width: 100px;
text-decoration: none;
color: black Arial, Helvetica, sans-serif;
font-size: 12px;
padding: 10px;
}
#AboutNav a:hover{
background: url(images/About/AboutNavHover.png);
width: 100px;
text-decoration: none;
color: black Arial, Helvetica, sans-serif;
font-size: 12px;
}
page-about.php
<div id="AboutNav">
<h3>About</h3>
<p style="border-bottom: 1px dotted #787878; width: 230px;"></p><br />
<a href="#">Vision & Mission</a><br />
<a href="#">History</a><br />
<a href="#">Client</a><br />
<a href="#">People</a><br />
<br></div><br />
</div>
Hi,
I wonder why not the whole image background: url(images/About/AboutNav.png);
being set as the background. Instead only highlight as long as the text. The width: 100px; code that I place show no effect.