Hi,
The W3C HTML Validator came up with 5 errors, first and foremost a missing <head> start tag. Below is what your code now looks like:
<!--template for all pages that aren't the blog page or frontpage-->
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="en-US">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title> Dr. La Piana</title>
<link rel="stylesheet" href="http://drlapiana.com/blog/wp-content/themes/drlapiana/style.css" type="text/css" media="screen" />
Below is what the code needs to look like (the <head> start tag has been inserted):
<!--template for all pages that aren't the blog page or frontpage-->
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="en-US">
<head><!-- Your missing head tag has been placed here -->
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title> Dr. La Piana</title>
<link rel="stylesheet" href="http://drlapiana.com/blog/wp-content/themes/drlapiana/style.css" type="text/css" media="screen" />
I would add the <head> start tag and see what things look like first before attempting any corrections.
Sorry, I removed that head while troubleshooting it, but I forgot to put it back in. That didn’t make any difference. I just noticed that the :hovers in the sidebar section of the recipes and stuff don’t work on drlapiana.com/blog, but they work on drlapiana.com. That may have something to do with it.
Okay, this is going to surprise you how simple this fix is, but how elusive to track down…
In you header.php, remove this line completely, and put the DOCTYPE on the top line with no space above:
<!--template for all pages that aren't the blog page or frontpage-->
This fixes your layout and appears to fix the sidebar hover and display as well.
In finding this, I learned something here…hope it benefits others as well.
I forgot something to add. You need to add text-align: leftto the sidebar in style.css to make the nav links align left.
#sidebar {
padding: 10px;
width: 178px;
text-align: left; /* add this */
}
Oh my god…….. Thank you so much! I’ve spent so much time trying to figure it out… I’ll post the fix on the other forums I posted on so people can see the problem in case they ever get the problem.
Thanks again!
