[Alcivar]

I need an alternative or workaround etc for the following code which W3C gives me an error and won't validate the page:

<td align="center" width="550" height="440" valign="top"><h1>
<img src="images/spacer.gif" width="500" height="3" alt="">
<p id="player1"><a href="http://www.macromedia.com/go/getflashplayer">Get the Flash Player</a> to see this player.</p>
&lt;script type="text/javascript">
var s1 = new SWFObject("video/flvplayer.swf","single","480","292","7");
s1.addParam("allowfullscreen","true");
s1.addVariable("file","BLTrailer_Medium.flv");
s1.addVariable("image","preview.jpg");
s1.addVariable("autostart","true");
s1.write("player1");
</script>
<img src="images/spacer.gif" width="500" height="70" alt="">
</h1></td>

W3C won't allow the <p id>. They say "document type does not allow element "P" here; missing one of "APPLET", "OBJECT", "MAP", "IFRAME", "BUTTON" start-tag ."

I guess it has something to do with the <h1> tag I created for a background image which shows behind the Flash movie which in the style in the header is:
h1 {background-image: url('images/screen_bg_immedium.jpg'); background-repeat: no-repeat; background-position: top;
}

I don't know how to get around this and still keep my bg image. Any suggestions would be appreciated.
Thanks.

You can check out the page at: http://www.idriveinm...iler_medium.htm

This post has been edited by Alcivar: 04 May 2007 - 11:29 PM

[marcamos]

The easiest fix is to replace the <h1></h1> with a <div></div>, because a <p> element is allowed inside a <div>.

[Ryan Fait]

Not to mention it's semantically incorrect to do that. Why would you stick a paragraph inside of a header? That's like a newspaper printing all of its articles in the same size font as the title.

[James Mitchell]

Yeah it doesn't make sense to do that, but Marc's suggestion will fix your "validation" problem.

[Alcivar]

Yup, replacing the <h1> with the <div> did the trick!
Thank you oh guru of code!

Webradiance is turning out to be a great resource!

[marcamos]

While I don't want to downplay being a great resource (because it is, and always will be), swapping a <h1> for a <div> doesn't make me a guru

[Alcivar]

herkalees, on May 5 2007, 12:30 AM, said:

While I don't want to downplay being a great resource (because it is, and always will be), swapping a <h1> for a <div> doesn't make me a guru

Well, yes, perhaps I went overboard with that one. I'm just grateful. My knowledge, even of the lowly html code is limited and I haven't use the block-level <div> tag too much as you can see.
When I used the <h1> tag to command a bg image I wasn't thinking of "header" and I'm not sure if using the <div> tag the way I did was even advisable except for the unique way in which it solved my particular problem. Since the <div> tag is now described in the CSS style in the header, does that make it unusable in other ordinary circumstances on the webpage if I needed it?

Excuse me if I sound completely ignert!

[marcamos]

Alcivar, on May 5 2007, 10:04 AM, said:

Since the <div> tag is now described in the CSS style in the header, does that make it unusable in other ordinary circumstances on the webpage if I needed it?

Well, if you give the <div> tag a unique ID, for instance, then you can aim style meant only for that div directly to it.

In your HTML:
<div id="headerArea">
...content...
</div>

In your CSS:
div#headerArea {
property: value;
}

[Alcivar]

herkalees, on May 5 2007, 10:52 AM, said:

Well, if you give the <div> tag a unique ID, for instance, then you can aim style meant only for that div directly to it.

In your HTML:
<div id="headerArea">
...content...
</div>

In your CSS:
div#headerArea {
property: value;
}

Understood. Thanks again!