I have some empty div tags to be able to make a graphic a background image since this presentation is common to all pages.
For example in my html:
<div id="header3"></div>
My CSS for "header3"> is as follows: #header3 { position: relative; width: 836px; height: 37px; margin: 0 auto; padding: 0px; background: #2A331F url(../img/header3.gif) no-repeat; }
Since I this is only my second site using Web Standards, I'm unsure if leaving a div tag empty is okay or not. Or is there another method I should be using?
Shane,
Consider using h1-h6 for headlines on your page. Semantically they mean "headings" while a div is merely an anonymous division. Your page should make sense when your stylesheet is missing. If you view your page without CSS or images, does it lose meaning without the headline showing? If so, here's an alternative way to mark that up:
<h3><span>Frog Doggies</span></h3>
h3
{
background: ...;
}
h3 span
{
display: none;
}If CSS is enabled, the image displays and the text is suppressed. If CSS isn't enabled, the text displays but not the image.
Where this "image replacement" solution fails is in user agents in which CSS is enabled but images are suppressed.
Paul
****************************************************** The discussion list for http://webstandardsgroup.org/
Proud presenters of Web Essentials 04 http://we04.com/ Web standards, accessibility, inspiration, knowledge To be held in Sydney, September 30 and October 1, 2004
See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list & getting help ******************************************************
