SitePoint Sponsor

User Tag List

Results 1 to 2 of 2

Hybrid View

  1. #1
    SitePoint Zealot
    Join Date
    Oct 2007
    Location
    Toronto
    Posts
    172
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Placing Text Links on Images Help

    I have a question and was wondering if this was possible with HTML.

    I would like to have an image around 320x240 it will be a grey solid filled images. On top or embded on the image I would like to have about 4 bullets with hyperlinks pointing to external sites.

    I was wondering how can I do this.
    ]

  2. #2
    SitePoint Author silver trophybronze trophy

    Join Date
    Nov 2004
    Location
    Ankh-Morpork
    Posts
    12,158
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    It sounds as this image should be a background image for an UL. Background images are specified with CSS.
    Code HTML4Strict:
    <ul id="meaningful-id">
      <li>First item</li>
      <li>Second item</li>
      <li>Third item</li>
      <li>Fourth item</li>
    </ul>
    Code CSS:
    #meaningful-id {
      background:#666 url("/path/to/the/image.png");
      color:#fff;
    }

    On the other hand, if the image is a solid colour there's no need using an image. Just set a background colour with CSS:
    Code CSS:
    #meaningful-id {
      background-color:#666;
      color:#fff;
    }
    Birnam wood is come to Dunsinane


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
  •