Tycoon Talk
Become a Big fish!
The number 1 forum for online business!
Post topics, ask questions, share your knowledge.
Tycoon Talk is part of Freelancer.com - find skilled workers online at a fraction of the cost.

CSS Forum


You are currently viewing our CSS Forum as a guest. Please register to participate.
Login



Reply
Transparent PNG & H1 tag in IE6
Old 01-14-2008, 02:29 PM Transparent PNG & H1 tag in IE6
Experienced Talker

Posts: 30
Name: Adam
Trades: 0
Hello. I have come across an interesting problem I haven't been able to resolve yet.

I am using the HTC transparent PNG fix for IE6 on my website. I'm sure many of you are familiar with this way of doing things. I have noticed that if the png image itself does not have width and height attributes assigned to it, then the HTC does not take over the image and fix what its supposed to fix.

So my problem is this. The way I have my header logo displayed on my Wordpress site is by using the H1 tag, and defining the image inside the H1 tag itself. Obviously I can't define the image width and height inside the H1 tag, just the size of the box that it's in.

And I do have a the htc fix assigned to the img tag as well, but its not finding the logo, which as I have said is because the image does not have a width and height. I also tried adding the HTC behavior code to the H1 tag, but that did not work either.

Does anyone have a bright ideas on how to take care of this problem - WITHOUT just inserting my logo manually into the code?

You can see my website here:
www.infectthesystem.com

The CSS file can be found here (shortened URL):
www.infectthesystem.com/styles.css
itsnetservices is offline
Reply With Quote
View Public Profile
 
 
Register now for full access!
Old 01-14-2008, 02:43 PM Re: Transparent PNG & H1 tag in IE6
LadynRed's Avatar
Defies a Status

Posts: 10,017
Location: Tennessee
Trades: 0
Since you're using an image in your header, there is no point in putting it inside an H1 tag at all, the H1 will be unreadable by search engines or assistive technology.
Put the header in as a background on the div, give the div a fixed width and height - or, just put the header into the <div> (not as a background), give it the correct dimensions in the HTML and add the site title that's in the image to the ALT attribute. That would be far more accessible than and make more sense than what you're trying to do with the H1.
__________________
Web Goddess & Web Standards Evangelist :) - Tables Be Gone !!

Please login or register to view this content. Registration is FREE


Please login or register to view this content. Registration is FREE

LadynRed is offline
Reply With Quote
View Public Profile
 
Old 01-14-2008, 03:05 PM Re: Transparent PNG & H1 tag in IE6
Experienced Talker

Posts: 30
Name: Adam
Trades: 0
Yea, I suppose you're right. The reason its in a H1 tag in the first place is because that the way the original Wordpress theme designer did it. I tried taking it out of the H1 tag, but it caused the header to fall apart. I guess I will just have to spend a little more time with it to edit what he did.

Thanks,
-Adam
__________________

Please login or register to view this content. Registration is FREE
:: Your source for everything web


Please login or register to view this content. Registration is FREE
:: Web Hosting starting at $4.95
itsnetservices is offline
Reply With Quote
View Public Profile
 
Old 01-14-2008, 03:13 PM Re: Transparent PNG & H1 tag in IE6
Experienced Talker

Posts: 30
Name: Adam
Trades: 0
Alrighty, all fixed!

It makes me wonder sometimes what people were thinking when they do the things they do.
__________________

Please login or register to view this content. Registration is FREE
:: Your source for everything web


Please login or register to view this content. Registration is FREE
:: Web Hosting starting at $4.95
itsnetservices is offline
Reply With Quote
View Public Profile
 
Old 01-14-2008, 08:13 PM Re: Transparent PNG & H1 tag in IE6
LadynRed's Avatar
Defies a Status

Posts: 10,017
Location: Tennessee
Trades: 0
Tell me about it
__________________
Web Goddess & Web Standards Evangelist :) - Tables Be Gone !!

Please login or register to view this content. Registration is FREE


Please login or register to view this content. Registration is FREE

LadynRed is offline
Reply With Quote
View Public Profile
 
Reply     « Reply to Transparent PNG & H1 tag in IE6
 

Thread Tools Search this Thread
Search this Thread:

Advanced Search

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are Off
Pingbacks are Off
Refbacks are Off





   
RSS Feed  Feeds: RSS   JS   XML
RSS Feed  Feeds for this forum: RSS   JS   XML



Page generated in 0.25002 seconds with 12 queries