Making WordPress XHTML Strict Compliant
Posted in Tech
Afternoon watch, 3 bells (1:46 pm)

There are two obstacles in making WordPress, even the most current version, XHTML Strict compliant. Today I discovered the second one, when you use the relatively new Gallery feature.

To fix this problem, you need to eliminate an inserted style tag from the wp-includes/media.php file. The chunk looks like this (mine is found on line 426):

<style type='text/css'>
	.gallery {
		margin: auto;
	}
	.gallery-item {
		float: left;
		margin-top: 10px;
		text-align: center;
		width: {$itemwidth}%;			}
	.gallery img {
		border: 2px solid #cfcfcf;
	}
	.gallery-caption {
		margin-left: 0;
	}
</style>

Copy this to your theme's style.css stylesheet, replacing the call to $itemwidth with width: auto;. Delete the offending code from media.php.

Every time you upgrade, you'll have to repeat this process. That is, until the WordPress developers make their code XHTML Strict compliant, which may never happen.

The second obstacle to a nice, XHTML Strict weblog is the link code. Get a copy of my strict_links.txt widget, rename it, and add it to your widgets directory. Use it instead of the normal links widget.

2 Comments »

2 Responses to “Making WordPress XHTML Strict Compliant”

  1. [...] You Scurvy Jake! Check out his Pirate Blog for this fine article. You also have to love a fellow [...]

  2. pieter says:

    Thank you. I just applied this to my blog. It still gave one error (the gallery div being surrounded by paragraph tags). So I just changed it to a "manual" gallery (added pic one by one).

Leave a Reply