[thelist] "Invisible" CSS Buttons

Karl Jacobs Karl.W.Jacobs at aero.org
Tue Sep 28 10:49:02 CDT 2004


Well, reading through a lot, it seems that the best fixes might be to  
add either:

padding-top: 100%;
overflow: hidden;


or

text-indent: -10000

to keep the text non-visible, even if someone overrides my stylesheet.

-- Karl


On Sep 28, 2004, at 5:38 AM, evolt.sarahwbs at xoxy.net wrote:

>> Actually, hadn't thought of a gif, allthough I suppose that would  
>> work too.  Since it is the link to the homepage, I wanted the  
>> screen-readers to pick it up. (There will be a text-link in the page  
>> footer as well, but I figured it would be good to have it in the top  
>> as well.
>> The reason I didn't just place it as a banner graphic and link that  
>> is that I have a "search my site" field floating on the right, and  
>> the background runs underneath it.
>
> This tecnique sounds very similar to [0]Fahrner Image Replacement -  
> you might want to look into that for suggestions on improving your  
> technique, and to find out the pros and cons of using the technique.
>
> [0]  
> http://www.google.com/search?hl=en&lr=&ie=UTF 
> -8&q=fahrner+image+replacement&btnG=Search
>
> -- 
> Sarah Sweeney  ::  Web Developer & Programmer
> Portfolio  ::  http://sarah.designshift.com
> Blog  ::  http://hardedge.ca
> Family  ::  http://geekjock.ca
> -- 
>
> * * Please support the community that supports you.  * *
> http://evolt.org/help_support_evolt/
>
> For unsubscribe and other options, including the Tip Harvester and  
> archives of thelist go to: http://lists.evolt.org Workers of the Web,  
> evolt !


More information about the thelist mailing list