4 replies [Last post]
Lass
Offline
newbie
Last seen: 15 years 46 weeks ago
Joined: 2004-09-23
Posts: 2
Points: 0

Hi.

I'm trying to hide the H1 tag on my site.

So i have added the line in my stylesheet:
H1 {display:none;}

The problem is that the H1 is still visible with IE 6.0 while the the tag is invisible with FireFox 1.0.

Is this a known problem or am i doing something wrong?

Thanks in advance!

MagentaDesigner
Offline
newbie
Toronto, Canada
Last seen: 16 years 10 weeks ago
Toronto, Canada
Joined: 2004-06-07
Posts: 8
Points: 0

display:none with IE 6.0

You have to put a span tag after the H1 tag. Like this:

<h1><span>This is my heading</span></h1>

On your stylesheet, it will look like this:

h1 {
background-image: url(image.gif);
width: 500px; /*or any value*/
height: 500px; /*Or any other value*/
}

h1 span {
display: none;
}

Lass
Offline
newbie
Last seen: 15 years 46 weeks ago
Joined: 2004-09-23
Posts: 2
Points: 0

display:none with IE 6.0

thanks

MagentaDesigner
Offline
newbie
Toronto, Canada
Last seen: 16 years 10 weeks ago
Toronto, Canada
Joined: 2004-06-07
Posts: 8
Points: 0

display:none with IE 6.0

^

No problem Laughing out loud

Did it work?

thepineapplehead
thepineapplehead's picture
Offline
Guru
Last seen: 21 weeks 10 hours ago
Joined: 2004-06-30
Posts: 9668
Points: 801

display:none with IE 6.0

Why the hell are you hiding the heading? Why not just . . . not use it?

Verschwindende wrote:
  • CSS doesn't make pies