CSS class question

Discussion in 'Scripts' started by billy_the_kid, Nov 11, 2011.

to remove all ads.
  1. billy_the_kid

    billy_the_kid New Member

    Messages:
    3
    hey everyone, i'm writing my CSS for a website and i forget how to do something and for the life of me can't remember. i want to set up the links within a certain class to have no border, but the links in the rest of the page to have a border. whenever i put the code highlighted with **** below in, it takes borders out of all my links. what is the correct syntax to reference only the links (a href) within a certain class?? thanks!

    /*........................................
    style sheet for pages other than misc
    ..........................................*/

    body {
    display: block;
    background-color: #FFFFFC;
    border: grey;
    cursor: crosshair;


    }

    a:link, a:visited, a:hover, a:active {
    font-family: Miriam , Helvetica;
    font-size: 14px;
    color: grey;
    font-style: normal;
    text-decoration: none;
    border-style: solid;
    border-color: grey;
    border-width: 2px;
    margin: 5px;
    }

    .tabsDown , ul#tabsDown, li /* .tabsDown div, unordered list within */
    {
    top: 5px;
    left: 20px;
    list-style-type:none; /*no bullets */
    margin:0;
    padding-top:5px;
    padding-bottom: 5px;
    }

    h1 {
    text-align: center;
    font-family: Miriam, Helvetica;
    font-size: 18px;


    }

    .picLinks a , a:visted , a:hover , a:link {
    ****border-style: none;****

    }
     
  2. Phreaddee

    Phreaddee Super Moderator Staff Member

    Messages:
    1,978
    Code:
    .piclinks a {
    border:0;
    }
    
     
    Last edited: Nov 11, 2011
  3. billy_the_kid

    billy_the_kid New Member

    Messages:
    3
    now what's happening is that the .piclinks class is inheriting borders from before..what i'm going for is that the links are styled but that the pictures (which are also links) are totally static without borders..the site is davidctaylor.info if a visual helps
    /*........................................
    ****in style sheet for pages other than misc
    ..........................................*/

    body {
    display: block;
    background-color: #FFFFFC;
    border: grey;
    cursor: crosshair;


    }

    a:link, a:visited, a:hover, a:active {
    font-family: Miriam , Helvetica;
    font-size: 14px;
    color: grey;
    font-style: normal;
    text-decoration: none;
    border-style: solid;
    border-color: grey;
    border-width: 2px;
    margin: 5px;
    }

    .tabsDown , ul#tabsDown, li /* .tabsDown div, unordered list within */
    {
    top: 5px;
    left: 20px;
    list-style-type:none; /*no bullets */
    margin:0;
    padding-top:5px;
    padding-bottom: 5px;
    }

    h1 {
    text-align: center;
    font-family: Miriam, Helvetica;
    font-size: 18px;


    }

    .picLinks a {
    border: 0;
    padding-left: 0;
    padding-right: 0;
    }
     
  4. Phreaddee

    Phreaddee Super Moderator Staff Member

    Messages:
    1,978
    .piclinks img {
    Border:0;
    }
     
  5. billy_the_kid

    billy_the_kid New Member

    Messages:
    3
    you're a life saver
     

Share This Page