|
Originally Posted by Legendary
Your XHTML looks validated...
The encoding message you getting is missing of the
Code:
<meta http-equiv="Content-Type" content="text/html; charset=????????" />
Without it, the validator doesn't know what kind of content you have and which type of character is suppost to validate. I'm not so sure about the xml part though...
Another note, turn your Navigation
Code:
FROM:
<div id="nav"><a href="#"><img src="images/navhome.jpg" alt="Home" /></a><img src="images/navindent.jpg" alt="" /><a href="#"><img src="images/navabout.jpg" alt="About Us" /></a><img src="images/navindent.jpg" alt="" /><a href="#"><img src="images/navportfolio.jpg" alt="Portfolio" /></a><img src="images/navindent.jpg" alt="" /><a href="#"><img src="images/navproducts.jpg" alt="Products" /></a><img src="images/navindent.jpg" alt="" /><a href="#"><img src="images/navsolutions.jpg" alt="Solutions" /></a><img src="images/navindent.jpg" alt="" /><a href="#"><img src="images/navcontact.jpg" alt="Contact Us" /></a></div>
TO THIS:
<div id="nav">
<ul>
<li class="navindent"><a href="#"><img src="images/navhome.jpg" alt="Home" /></a></li>
<li class="navindent"><a href="#"><img src="images/navabout.jpg" alt="About Us" /></a></li>
<li class="navindent"><a href="#"><img src="images/navportfolio.jpg" alt="Portfolio" /></a></li>
<li class="navindent"><a href="#"><img src="images/navproducts.jpg" alt="Products" /></a></li>
<li class="navindent"><a href="#"><img src="images/navsolutions.jpg" alt="Solutions" /></a></li>
<li><a href="#"><img src="images/navcontact.jpg" alt="Contact Us" /></a></li>
</ul>
</div>
The reason for this is that navigation or menu is similar to a list of things. So using "list" to display your menu or nav would be proper. Another why I would change is that I see you have the same image (navindent.jpg) after every active nav button. Rather than another image tag, I use css to control navindent.jpg. Its fairly easy. I did this
Code:
.navindent {
padding-right: ??px;
background: url(images/navindent.jpg) no-repeat;
background-position: right;
}
|
the problem i've found is that whe using <img> within a list, it doesn't align correctly. i've yet to have a successful nav list using images, and i've been using lists for my website meus since about july or august.
if i want a menu to work like so;
image
image
image
with now spacing between images, i find it can't be done. even with setting padding and margin to 0 for both the ul and li, there is still a 2px space between each image, and the list no longer seemless.
also with inline lists, it still puts a 2px padding under the image also forcing me not ot use the ul formula.
know a work around?