SitePoint Sponsor

User Tag List

Results 1 to 3 of 3
  1. #1
    SitePoint Member
    Join Date
    Dec 2004
    Location
    San Francisco
    Posts
    8
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Callouts using XHTML / CSS?

    I'm exploring ways to use XHTML / CSS to add callouts to a graphic that has been imported into a page without callouts.

    The following site illustrates some good and not-so-good callouts:

    http://idratherbewriting.com/2011/01...-visual-appeal

    What I'm hoping to do is import an image into a page, then use XHTML / CSS to surround that image with callouts that identify elements within the graphic. The goal is that if the graphic is changed, say for purpose of translating the page into another language, the callouts are unaffected insofar as they're part of the page, NOT part of the graphic.

    My supposition is that achieving this will require Float and Z-Axis, although I'm not sure.

    The key is that I want to use CSS / XHTML if possible. I'm not necessarily averse to JavaScript or a library like jQuery, although I'd rather use CSS / XHTML alone, if possible.

    Any ideas or resources, please?

    Also, is there any reason that this is not generally done? That is, the "solution" ends up being so complex and un-maintainable that it's not worth the effort…(?)

    Cheers & thanks,
    R
    SFO

  2. #2
    It's all Geek to me silver trophybronze trophy
    ralph.m's Avatar
    Join Date
    Mar 2009
    Location
    Melbourne, AU
    Posts
    24,112
    Mentioned
    448 Post(s)
    Tagged
    8 Thread(s)
    Facebook | Google+ | Twitter | Web Design Tips | Free Contact Form

    Forum Usage: Tips on posting code samples, images and more

    Forrest Gump: "IE is like a box of chocolates: you never know what you're gonna get."

  3. #3
    SitePoint Member
    Join Date
    Dec 2004
    Location
    San Francisco
    Posts
    8
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by ralph.m View Post
    You can do this to some extent with CSS. Here are some examples:
    Thanks for your help. I tried a few Web search variants but was coming up with too much unrelated material. I genuinely appreciate the pointers to some more pertinent information.

    Indeed, it's why I thought I'd try asking my question on this Forum.

    Cheers & thanks 'gain,
    R
    SFO


Tags for this Thread

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
  •