css problems

start by fixing the validation errors: https://validator.w3.org/check?uri=http%3A%2F%2Fwww.fortherestless.com%2Fnews.php&charset=%28detect+automatically%29&doctype=Inline&group=0

https://codex.www.ads-software.com/Validating_a_Website

ok thanks, I started but I hit a problem I have been trying to solve before but got no reply to.

My site existed before I started using wordpress, thus there already is an external header I use for all pages, except those I use with wordpress blogs.
those pages are news.php, diary.php and media.php.
These 3 still have a header in the php file itself (for now).

I call my blog using the short and sweet code, but then it also loads
the scond header and I can’t make the suggested changes there since the blog ceizes to exist.

so the best thing I need to do is to combine the headers, but I am failing in doiing so.

any tips ?

I uploaded the fiels in a zip file, just to be sure
https://www.fortherestless.com/ftr.zip

Cleared op a few errors, 67 still to go…

thanks for your help in advance !

ok I fixed most things, however the recurring one is this

Line 219, Column 4: element “h9” undefined

h9 is defined in the style.css as such

h9{
	font-family: "Trebuchet MS";
	font-size: 16px;
	color: #10A7CD;

}
h9 span{
	font-family: "Trebuchet MS";
	font-size: 14px;
	font-style: italic;
	color: #FFFFFF;
	margin-left: 2em;

}

I needed to make a change in the header calling, as the classes returned errors on the validator so it is called like this at the moment.

<div class="itemhead">
<h9><?php the_title(); ?><span><?php the_time('F jS, Y') ?></span></h9> <!-- by <?php the_author() ?> -->
                                          </div>

Only in IE this is not working, I inserted an IE only css but it’s not working so far…

There is no HTML H9 tag. Remove that CSS.

remove the whole blurb of h9{…h9 span } ?
or the complete style.css ?

but what will make it look like the way it should ? blue and the date in italics and white…

I’m afraid I don’t quite follow, please elaborate if you can ??

The whole blurb of h9{…h9 span }.

ok, I got your point.
IE supports up to h6, so I renamed h9 to h6 and this seems to work !

however the padding in the archive is now all messed up, the op and bottom of the headers is way too large, plus the italics are also in bold now.

any clues ?

I hope this is the last of consequence problems in the long list of this thing.

“edit: fixed the padding, now the bold”
“edit: fixed that too, the rest.css was missing from the archive page header”