Not signed in (Sign In)
SkillShare - A place to discuss Web Standards and Web Design topics
Categories
Vanilla 1.1.9 is a product of Lussumo. More Information: Documentation, Community Support.
-
From the KSU Ice Hockey thread http://www.cssbeauty.com/skillshare/comments.php?DiscussionID=108 :
nick1presta: Why are you putting an image as your banner? It should be the background image of an h1. (CSS lets images cache and cuts down on loading time so you don't have to load a 59kb image each time).
Is it possible to make the foreground text transparent or make the background-image of the element appear in front of the text inside the element?
*moved to the right category by droppyale* -
Sorry droppyale. It's just that the category dropdown does not hit you in the face. So people, including me, forget about it.
-
you can use a negative text-indent to do it. i do it on stuff all the time.
h1 { text-indent : -5000px; }
it moves the text off screen, but still allows it to be read by screen readers (display:none doesn't, the most common screen reader out there (JAWS) will ignore the text as if it weren't there at all). -
I forgot about text-indent, it's this little details, eh. Thank you.
-
- CommentAuthorNick Presta
- CommentTimeJan 12th 2006
I like to use text-indent: -5000em; so if the user increases font-size to max plus has a 4000px wide screen, they won't see it.
However, how many people have a 4000px wide screen ;) -
how many people have a 4000px wide screen
Oh, in a perfect world I would...
:) -
few, those CAD people with five 100" displays.
-
- CommentAuthorNick Presta
- CommentTimeJan 12th 2006
Heh. I wish. -
- CommentAuthortimberford
- CommentTimeJan 13th 2006
ie5 win will also move the background image off the screen. people should really upgrade their browser though! -
Solution to IE5 Win problem, and my current image-replacement technique of choice:
http://www.stuffandnonsense.co.uk/archives/mir_image_replacement.html
It does require some extra code in your CSS if you want it to work in Mac IE/Opera, but it gets the job done. -
What is the problem with Opera v8.51?
-
I have a solution for IE5. I've posted in detail on my blog ( http://www.eingko.net/blog/?p=16); the solution is basically this:
Because IE5 is pushing the image off the screen -9000px or whatever, just place the background at 9000px and use a hack (or conditional comments) to filter it out from other browsers. Neat, eh?
1 to 12 of 12