SitePoint Sponsor

User Tag List

Results 1 to 5 of 5
  1. #1
    SitePoint Guru Amirsan's Avatar
    Join Date
    Jun 2004
    Location
    SCC
    Posts
    862
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Anchor images border

    Hi,

    This is a quick question: I have two images I would like to be made links, however with no borders or anything that would make them look like a link. I tried doing a {border:0;} but no change.

    The image I am referring to is here: http://www.stratcommandcenter.com/redesign4/

    And its the images under "Visit our featured game sites,"

    As you can see the first image with the link goes out of the box because of the border, how can I eliminate this?
    Strategic Command Center

    "What's a small napoleon and where would i find one"

  2. #2
    The CSS Clinic is open silver trophybronze trophy
    Paul O'B's Avatar
    Join Date
    Jan 2003
    Location
    Hampshire UK
    Posts
    40,556
    Mentioned
    183 Post(s)
    Tagged
    6 Thread(s)
    Hi,

    Try this:

    Code:
    a img{border:none}

  3. #3
    SitePoint Guru Amirsan's Avatar
    Join Date
    Jun 2004
    Location
    SCC
    Posts
    862
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Works perfectly! As always , thanks.

    Btw, while on the same area of the page, I've been wondering why the same image, the Civilization Command Center image overlaps with the border under "Visit our featured game sites." Would you have any idea what is the problem in the css here? If its too much work to find out, then don't bother it's a minor issue, just a little thing that's been bothering me a little bit.
    Strategic Command Center

    "What's a small napoleon and where would i find one"

  4. #4
    The CSS Clinic is open silver trophybronze trophy
    Paul O'B's Avatar
    Join Date
    Jan 2003
    Location
    Hampshire UK
    Posts
    40,556
    Mentioned
    183 Post(s)
    Tagged
    6 Thread(s)
    Hi,

    I've been wondering why the same image, the Civilization Command Center image overlaps with the border under
    Because you have used a negative margin and cut the border out.


    Code:
    .feature  h3 {
       height:19px;
       border-bottom:1px solid #000000;
    border-top:1px solid #000000;
       background-color:#88271E;
       width:323px;
       padding-left:5px;
       color:#FFFFFF;
       font-size:12px;
       font-weight:bold;
       padding-bottom:1px;
    padding-top:1px;
    margin-bottom:-1px;
    }
    Get rid of the negative margin and the border will show

  5. #5
    SitePoint Guru Amirsan's Avatar
    Join Date
    Jun 2004
    Location
    SCC
    Posts
    862
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Works great, thanks Paul, as always. :P
    Strategic Command Center

    "What's a small napoleon and where would i find one"


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
  •