You'll notice on this page that upon hover that my background image doesn't change nor does the cursor indicate that it is indeed a link - doesn't change to a hand. Also my CSS is set to where all other links other than the current one are to be black background w/ white lettering
Lastly - getting some strange gaps above and below this little jquery feature going
The positioning doesn't seem to be an IE6 issue, it doesn't look right in FF3 or Safari either. Ah, but upon further looking, IE6 has a completely different issue.
If the site is close to launch this point is probably moot, but I was literally just yesterday explaining to somebody how green and purple was one of the worst combination of colors imaginable. Sooo... yea.
For the nav, change your positioning from "center top", "center center" and "center bottom" to px's, hopefully that's where IE6 is screwing up. Change it to "0 0" (green bg, black text), "0 -33px" (black bg, green text) and "0 -68px" (black bg, white text), or something close to that. Try removing the "scroll" on them as well, it doesn't need to be there.
Thanks Doc. The whole color deal is what 'the man' wants. It's young kids who are the prime market and funky colors, etc have proven to be right on target with this audience. Definitely not my personal preference but again designing for the right market.
I'll check out your suggestion on the nav portion
Have no clue about why that header image gets stuck down below the div right below. I do have height and width set - nothing real complicated there.
Any ideas about the gaps above and below that slider portion?
If for any reason you are following this post and curious as to some fixes for my issues here's the rundown
1 - In FF 2 & 3 - for some reason #header was found sliding down underneath the div below it FIX: display: block inserted into #header - still not sure how that happened since only thing in that div was just an image. Not sure how it was previously viewed as an inline element
2 - unit png fix script not jiving with background tab images - apparently background position not supported by this script and it renders the links unclickable FIX - changed png's to gif's
3 - the gap below the hor. scroller was due to IE6 not allowing an element #topContainer to be smaller than the current text size line height FIX - set small font size in that div, ie., font-size: 1px
2 - unit png fix script not jiving with background tab images - apparently background position not supported by this script and it renders the links unclickable FIX - changed png's to gif's
http://www.tradingpins-on-sale.com/test.php
You'll notice on this page that upon hover that my background image doesn't change nor does the cursor indicate that it is indeed a link - doesn't change to a hand. Also my CSS is set to where all other links other than the current one are to be black background w/ white lettering
Lastly - getting some strange gaps above and below this little jquery feature going
Any help is greatly appreciated
http://www.tradingpins-on-sale.com/test.php
My issues are detailed in my first posting.
This site will hopefully launch next week but not w/o a fix for these two issues - well at least the 'gap' issues that exist.
Yeah...I know no fun dealing with IE6 issues. I've tried all I know to do.
Thanks crew!
If the site is close to launch this point is probably moot, but I was literally just yesterday explaining to somebody how green and purple was one of the worst combination of colors imaginable. Sooo... yea.
For the nav, change your positioning from "center top", "center center" and "center bottom" to px's, hopefully that's where IE6 is screwing up. Change it to "0 0" (green bg, black text), "0 -33px" (black bg, green text) and "0 -68px" (black bg, white text), or something close to that. Try removing the "scroll" on them as well, it doesn't need to be there.
I'll check out your suggestion on the nav portion
Have no clue about why that header image gets stuck down below the div right below. I do have height and width set - nothing real complicated there.
Any ideas about the gaps above and below that slider portion?
Thanks again
1 - In FF 2 & 3 - for some reason #header was found sliding down underneath the div below it
FIX: display: block inserted into #header - still not sure how that happened since only thing in that div was just an image. Not sure how it was previously viewed as an inline element
2 - unit png fix script not jiving with background tab images - apparently background position not supported by this script and it renders the links unclickable
FIX - changed png's to gif's
3 - the gap below the hor. scroller was due to IE6 not allowing an element #topContainer to be smaller than the current text size line height
FIX - set small font size in that div, ie., font-size: 1px
V2.0 of Twin Helix supports background position:
http://www.twinhelix.com/css/iepngfix/