Thread: Secret arrows

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

    Join Date
    Jan 2004
    Location
    Leeds, UK
    Posts
    67
    Rep Power
    13

    Secret arrows


    I use to learn HTML by normally downloading source such as Javascripts etc. However, I noticed lately people don't use pictures of arrows or atleast it does not show in the source code.

    example is to go to here and see the code for the news or add boxes with blue arrows. The HTML source will not show the image file used.

    Have they done it by CSS?
  2. #2
  3. No Profile Picture
    what do I know about diamonds?
    Devshed Novice (500 - 999 posts)

    Join Date
    Jul 2003
    Location
    ON, Canada
    Posts
    950
    Rep Power
    175
    Hi,

    You are right, they have done this with css.

    if you look at the code the list elements <li> have a class of lnkcnt
    and if you look at the css file you can see that they gave it a background image of the blue arrow and selt to to be at the left side and not repeat.

    .lnkcnt{
    float:left;
    padding:0px 0px 0px 9px;
    background-image:url(/img/arrow_blue.gif);
    background-position:0px 4px;
    background-repeat:no-repeat;
    }

    hope that clears things up for ya.

  4. #3
  5. Contributing User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Jan 2004
    Location
    Leeds, UK
    Posts
    67
    Rep Power
    13
    Oh thank you very much pumpkin.
  6. #4
  7. No Profile Picture
    what do I know about diamonds?
    Devshed Novice (500 - 999 posts)

    Join Date
    Jul 2003
    Location
    ON, Canada
    Posts
    950
    Rep Power
    175
    No Problem, glad i could help

    Comments on this post

    • medialint agrees

  8. #5
  9. Type Cast Exception
    Devshed Supreme Being (6500+ posts)

    Join Date
    Apr 2004
    Location
    OAKLAND CA | Adam's Point (Fairyland)
    Posts
    14,954
    Rep Power
    8617
    moving to css since it's a css issue, albeit informatively resolved
    medialint.com

    “Today you are You, that is truer than true. There is no one alive who is Youer than You.” - Dr. Seuss

IMN logo majestic logo threadwatch logo seochat tools logo