Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 2 of 2
  1. #1
    New Coder
    Join Date
    Jul 2012
    Posts
    25
    Thanks
    4
    Thanked 0 Times in 0 Posts

    Question show underlined links only in #content

    Dear all,

    Because I don't want the links in the left toolbar appeared with an underline, I've turned off the text decoration of the links for all pages. But, I want the links to appear with an underline in the #content section only. How can I do so?

    This is the page: http://www.lixiao-art.com/concept.html

    My entire external css stylesheet is this (with the text decoration highlighted in red):

    ------------

    body { font-family: Verdana;
    color: white;
    margin: 0px;
    background-color: black; }

    #header { font-family: courier new;
    padding-left: 40px;
    padding-top: 5px;
    padding-bottom: 5px;
    border: none;
    background-color: white;
    margin-bottom: 0px; }

    #content {float: left;
    padding: 30px 20px 20px 100px;
    width: 650px;
    margin: 0px;
    border: none;
    font: white;
    font-family: Arial;
    background-color: black; }
    h2 {height: 2em;}

    #nav {float: left;
    text-align: right;
    font-size: small;
    width: 180px;
    margin-top: 30px;
    font-weight: bold;
    padding: 10px;
    border: none;
    }

    #footer { font-family: arial;
    padding-bottom: 5px;
    width: 100%
    border: none;
    background-color: black;
    color: white;
    margin-bottom: 0px; }
    a{text-decoration: none;
    color: white;}
    a:hover {color: red;}



    * {margin: 0;}
    html, body {height: 100%;}

    .wrapper {min-height: 100%;
    width: 1500px;
    height: auto !important;
    height: 100%;
    margin: 0 auto -1.5em;}

    .footer, .push { height: 1.5em; }

    .ImgBorder img { border:1px solid transparent;
    height:100px;
    }
    .ImgBorder:hover img{ border-color: red}

    .ImgBorder {display: block;
    float: left;
    margin: 30px 20px; }
    h5{
    clear:both
    }

    img { border: none; }

    ---------------------------

    Thank you so much!!
    Last edited by lixiao; 07-31-2012 at 03:37 AM. Reason: forgot to give enough info

  • #2
    Senior Coder
    Join Date
    Aug 2006
    Posts
    1,444
    Thanks
    11
    Thanked 310 Times in 309 Posts
    #content a {text-decoration:underline}

    Dave

  • Users who have thanked tracknut for this post:

    lixiao (07-31-2012)


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •