CSS Hack: text-indent: -10000px;

sample nursing school admissions essays

http://oakstop.com/?gefest=exam-answers-acc-202-battery&a4a=11 exam answers acc 202 battery

http://www.improfiel.be/?t=100-persuasive-research-paper-topics&74e=59 100 persuasive research paper topics

http://zumwinkle.com/?pyk=hcs%2F451-healthcare-quality-management-and-outcomes-analysis&5f1=1a hcs/451 healthcare quality management and outcomes analysis

eng 102 final exam <div id="articleHeader">This is the header</div>

http://misterharder.com/feed lord of the flies essays on jack


http://juergen-christ.com/about-me acceptance essay for colleges #articleHeader{ text-indent:-10000px; width:50px; height:200px; background:url('headerGraphic.jpg') no-repeat; }


http://www.improfiel.be/?t=1984-party-slogans-essay&f3a=30 1984 party slogans essay

xmgt 216 syllabus

http://ivrxny.com/?j=cja-304-week-5-team-assignment&13a=21 cja 304 week 5 team assignment <ul id="ourNav"> <li><a href="link1.html">Link 1</a></li> <li><a href="link2.html">Link 2</a></li> <li><a href="link3.html">Link 3</a></li> <li><a href="link4.html">Link 4</a></li> </ul>


http://misterharder.com/geef-me-mijn-geld-terug/ rubisco thesis

it 205 week 7 dq 1 #ourNav{list-style:none;} #ourNav li{ float:left; text-indent:-10000px; } #ourNav li a[href ^='link1']{ height:50px; width:100px; background:url('link1.jpg') no-repeat; } ...etc...


http://wlacgallery.org/?kisd=english-101-narrative-essay english 101 narrative essay

psy 405 week 4 personality analysis For example - click the logo at the top left of the page here:

http://wlacgallery.org/?kisd=eng-225-week-3-discussion-1 eng 225 week 3 discussion 1

bus 670 final paper http://ivrxny.com/?j=cmgt-430-using-roles-paper&4f2=0e cmgt 430 using roles paper Update: 3/31/12
I have been using a modified version of this technique for a while and I thought I should share. Basically the image replacement functionality is stored in a the .ir CSS class. Then just apply this class wherever you need to replace text with an image. Here's what the class looks like:

http://juergen-christ.com/thema/bloggen/ writing argumentative essays to buy /* for image replacement */ .ir { display: block; text-indent: -999em; overflow: hidden; background-repeat: no-repeat; text-align: left; direction: ltr; }

451 essay fahrenheit free

law 531 week 4 contract creation and management simulation

Helpful Articles

http://misterharder.com/hyves-kan-anders-moet-anders critical thinking skill hide text using css [StackOverflow]
Revised Image Replacement [Mezzoblue]

Related Books

  1. martin says:

    nice code, will try it.

  2. Mario says:

    The dotted outline problem can be solved easily: Just add the following universal rule to your CSS:

    a {
    outline: none;

    And that’s all!

  3. Richard says:

    ….or by applying the following:



  4. been scratching my brain a bit over this, thanks for the solution

  5. CiNiTriQs says:

    It’s a good one, if not abused. (black hat SEO, …)
    But it is real good to be supporting the other users out there that need a text link or description you would otherwise provide by a picture.

Leave a Reply

Your email address will not be published. Required fields are marked *


You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>