SitePoint Sponsor

User Tag List

Results 1 to 4 of 4
  1. #1
    SitePoint Guru htown's Avatar
    Join Date
    Mar 2005
    Posts
    671
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    H1-6 image replacement

    I have seen somewhere but can not seem to remember where, a little trick that permitted me to use an image in a header tag as background but then use text for the search engines. The trick was quite simple, you just put a negative margin on the text so it could be read by the search engines but not be seen by the viewer.

    Would anyone care to elaborate on this technique or suggest a better one?

    Thanks,
    Houston
    Houston Brown
    Split Light Designs
    Bringing your ideas to light.

  2. #2
    In memoriam gold trophysilver trophybronze trophy Dan Schulz's Avatar
    Join Date
    May 2006
    Location
    Aurora, Illinois
    Posts
    15,476
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

  3. #3
    . shoooo... silver trophy logic_earth's Avatar
    Join Date
    Oct 2005
    Location
    CA
    Posts
    9,013
    Mentioned
    8 Post(s)
    Tagged
    0 Thread(s)
    I always add an extra empty span to those headers i wish to change, and carefully position the span over the text and set the BG image to the span.

    This is better for screen readers and Images off/css on cases.

    HTML Code:
    <h1>Header<span></span></h1>
    I really don't like the span but its the safest means we have at the moment.
    Logic without the fatal effects.
    All code snippets are licensed under WTFPL.


  4. #4
    SitePoint Guru htown's Avatar
    Join Date
    Mar 2005
    Posts
    671
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Thats what I was looking for. Thanks guys.
    Houston Brown
    Split Light Designs
    Bringing your ideas to light.


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •