CSS Hack: text-indent: -10000px;

الاستثمار في الذهب 2013

موعد تداول اسهم البنك الاهلي

اسهم الشركه السعوديه للتسويق

http://zlatni-presek.com/?w=%D9%85%D8%B3%D8%A7%D8%B1-%D9%81%D9%88%D8%B1%D9%83%D8%B3&b44=cd مسار فوركس

http://ywamissionary.com/?kilir=%D9%86%D8%B8%D8%A7%D9%85-%D8%A7%D9%84%D9%81%D9%88%D8%B1%D9%83%D8%B3&e54=55 نظام الفوركس <div id="articleHeader">This is the header</div>

التسجيل في فوركس

space

اسعار الاسهم سوق ابوظبي المالي #articleHeader{ text-indent:-10000px; width:50px; height:200px; background:url('headerGraphic.jpg') no-repeat; }

space

توصيات اسهم اليوم

موقع لبيع الذهب

شركة forex <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>

space

مباشر تداول الاسهم

تداول الذهب والفضة #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...

space

http://whisky-one.com/?glid=%D8%A7%D8%AE%D8%A8%D8%A7%D8%B1-%D8%A7%D9%84%D8%A8%D9%88%D8%B1%D8%B5%D8%A9-%D8%A7%D9%84%D8%B3%D8%B9%D9%88%D8%AF%D9%8A%D8%A9-%D8%A7%D9%84%D9%8A%D9%88%D9%85&2c4=37 اخبار البورصة السعودية اليوم

http://www.arqaye.org/?kryg=%D8%AA%D8%AC%D8%A7%D8%B1%D9%87-%D9%81%D9%88%D8%B1%D9%83%D8%B3&705=dc تجاره فوركس For example - click the logo at the top left of the page here:
http://www.blogcatalog.com/

http://zestyindia.com/?komps=%D8%A7%D9%84%D8%AA%D8%AD%D9%84%D9%8A%D9%84-%D8%A7%D9%84%D9%85%D8%B3%D8%A7%D8%A6%D9%8A-%D9%84%D9%84%D9%8A%D9%88%D8%B1%D9%88&879=93 التحليل المسائي لليورو

اخبار الاسهم السعودية تداول http://williamstube.com/?kripto=%D8%B3%D8%B9%D8%B1-%D8%AC%D9%86%D9%8A%D9%87-%D8%A7%D9%84%D8%B0%D9%87%D8%A8-%D8%A7%D9%84%D8%B3%D8%B9%D9%88%D8%AF%D9%8A&52a=b2 سعر جنيه الذهب السعودي 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://regfest.com/?u=%D8%A7%D9%81%D8%B6%D9%84-%D8%B4%D8%B1%D9%83%D8%A7%D8%AA-%D8%A7%D9%84%D9%81%D9%88%D8%B1%D9%83%D8%B3-2012&b18=2e افضل شركات الفوركس 2012 /* for image replacement */ .ir { display: block; text-indent: -999em; overflow: hidden; background-repeat: no-repeat; text-align: left; direction: ltr; }

شريط الاسهم السعودية مباشرة

Helpful Articles

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:

    overflow:hidden;

    Voila!

  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>