on my site i have an empty h1 tag that i style with css to stretch it out and put a background in it so that it shows up as an image. i do this so i can change the background with each stylesheet. it works fine in mozilla and ie, but doesn't show at all in opera. (i only have 3 browsers btw)
<!-- m --><a class="postlink" href="http://projep.t35.com/">http://projep.t35.com/</a><!-- m --> <-- homepage
<!-- m --><a class="postlink" href="http://projep.t35.com/bg/arcticbase/default.css">http://projep.t35.com/bg/arcticbase/default.css</a><!-- m --> <-- default stylesheet
<!-- m --><a class="postlink" href="http://projep.t35.com/bg/boxed/default.css">http://projep.t35.com/bg/boxed/default.css</a><!-- m --> <-- the other stylesheetHave you tried putting a in it?I'll do that.
So Opera totally ignores empty elements., huh?Haven't tested this but try a div. divs are better suited to your purpose.A <span> instead of would be just as good but a empty h1 is very badOriginally posted by omega
I'll do that.
So Opera totally ignores empty elements., huh?
That's really just a WAG but I know some browsers refuse to render some empty elements.
Expanding on what Robert said, an H1 is a rather important element so it might be a good idea to put H1-importance text in their set to display:none. I'll admit to being guilty of that one, too. 8)Hm.. maybe I'll just put sumtin like
h1 {
background: url(h1.gif) black no-repeat;
width: blah;
height: blah;
text-indent: -1000px;
}I usually use a <div>, with the <h1> inside set to display: none;.Yeah I guess I'll do that. The H1 CyA if you get a non-css supporter seeing your page.Still doesn't show. The header code is now:
<div id="header'><h1>Project Epsilon</h1></div>
I tried 2 things:
1) Making it display: none, and then giving it a text-indent (only tried that with default style) neither worked. damn opera, horrid browser, makes ie look like firefox in my opinion.
<!-- m --><a class="postlink" href="http://projep.t35.com/">http://projep.t35.com/</a><!-- m --> <-- homepage
<!-- m --><a class="postlink" href="http://projep.t35.com/bg/arcticbase/default.css">http://projep.t35.com/bg/arcticbase/default.css</a><!-- m --> <-- default stylesheet
<!-- m --><a class="postlink" href="http://projep.t35.com/bg/boxed/default.css">http://projep.t35.com/bg/boxed/default.css</a><!-- m --> <-- the other stylesheetHave you tried putting a in it?I'll do that.
So Opera totally ignores empty elements., huh?Haven't tested this but try a div. divs are better suited to your purpose.A <span> instead of would be just as good but a empty h1 is very badOriginally posted by omega
I'll do that.
So Opera totally ignores empty elements., huh?
That's really just a WAG but I know some browsers refuse to render some empty elements.
Expanding on what Robert said, an H1 is a rather important element so it might be a good idea to put H1-importance text in their set to display:none. I'll admit to being guilty of that one, too. 8)Hm.. maybe I'll just put sumtin like
h1 {
background: url(h1.gif) black no-repeat;
width: blah;
height: blah;
text-indent: -1000px;
}I usually use a <div>, with the <h1> inside set to display: none;.Yeah I guess I'll do that. The H1 CyA if you get a non-css supporter seeing your page.Still doesn't show. The header code is now:
<div id="header'><h1>Project Epsilon</h1></div>
I tried 2 things:
1) Making it display: none, and then giving it a text-indent (only tried that with default style) neither worked. damn opera, horrid browser, makes ie look like firefox in my opinion.