Thread: CSS and images

    #1
  1. No Profile Picture
    Contributing User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Mar 2001
    Location
    Whitehorse, Yukon Canada
    Posts
    41
    Rep Power
    14

    CSS and images


    OK, here's another one for ya's..
    Is there any way to replace the dot's with an image?

    .dot { position: absolute; width: 10; height: 10; visibility: hidden; background-color: green; font-size: 2px; cursor: pointer; cursor: hand; z-index: 100 }

    TIA
    milady
  2. #2
  3. /(bb|[^b]{2})/

    Join Date
    Nov 2001
    Location
    Somewhere in the great unknown
    Posts
    5,163
    Rep Power
    792
    The dots?

    Are you trying to alter the actual image itself?
  4. #3
  5. No Profile Picture
    Contributing User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Mar 2001
    Location
    Whitehorse, Yukon Canada
    Posts
    41
    Rep Power
    14
    well the dots are defined by px (i think??) can i sub them with an image?

    .dot { position: absolute; width: 10; height: 10; visibility: hidden; background-color: green; font-size: 2px; cursor: pointer; cursor: hand; z-index: 100 }
    .dotoff { position: absolute; width: 10; height: 10; visibility: hidden; background-color: gray; font-size: 2px; cursor:default; z-index: 100}
    .dotempty { position: absolute; width: 10; height: 10; visibility: hidden; background-color: green; font-size: 2px; cursor: pointer; cursor: hand; zindex: 100 }
    .caption { position: absolute; visibility: hidden; font-family: arial; color: black;
    font-size: 20px; text-align: Center; cursor: default; z-index:
    milady
  6. #4
  7. No Profile Picture
    Contributing User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Jul 2002
    Location
    atlanta,ga
    Posts
    255
    Rep Power
    23
    Are you trying to add an image to the layer called dot? If so you can use background-image. Or simply add img tags in the html code.

    Mantas
  8. #5
  9. No Profile Picture
    Contributing User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Mar 2001
    Location
    Whitehorse, Yukon Canada
    Posts
    41
    Rep Power
    14
    I would like the center dot to be an image.

    You can see what I'm trying to do here..

    http://mekong.connections.yk.ca/milady/test.htm

    TIA!
    milady
  10. #6
  11. /(bb|[^b]{2})/

    Join Date
    Nov 2001
    Location
    Somewhere in the great unknown
    Posts
    5,163
    Rep Power
    792
    Just create an image of the square that you want and place in your html.

    <img src="/web/path/to/img.gif" border="0" height="10" width="10" />

IMN logo majestic logo threadwatch logo seochat tools logo