SitePoint Sponsor

User Tag List

Results 1 to 4 of 4
  1. #1
    SitePoint Member
    Join Date
    Jul 2011
    Location
    Grand Rapids, Michigan, USA
    Posts
    19
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    text-decoration:none; not working

    The text decoration rule is not working I have tried everything I know. I have included my css page.
    Code:
    @charset "utf-8";
    /* CSS Document */
    body{
    background-color: #181818;    
    }
    
    #container{
    margin: 0 auto;
        width: 980px;
    background-color: #181818;        
        
    }
    
    #logo{
    margin: 0px 0px 15px 0px;
    padding: 7px 7px 7px 7px;
    float: left;
    width:965px;
    background-color: #ff611a;
    height: 100px;
    -moz-border-radius: 5px;
      border-radius: 5px;
      -ms-border-radius: 5px;         
        
    }
    
    
    #media{
    background-color: #181818;
    color: #ffffff;    
    padding: 7px 7px 7px 7px;
        
    }
    
    #nav{
    margin: 0px 15px 15px 0px;
    padding: 20px 7px 7px 7px;
    float: left;
    width:250px;
    height: 185px;
    background-color: #ff611a;
    -moz-border-radius: 5px;
      border-radius: 5px;
      -ms-border-radius: 5px;             
    }
    
    ul
    {
    list-style-type:none;
    margin:0;
    padding:0;
    }
    
     #nav a:link,a:visited
    {
    display:block;
    font-weight:bold;
    color:#FFFFFF;
    background-color:#ff611a;
    width:120px;
    text-align:center;
    padding:4px;
    text-decoration:none;
    
    }
    
     #nav a:hover,a:active
    {
    background-color:#ffffff;
    color:#ff611a;
    -moz-border-radius: 5px;
      border-radius: 5px;
      -ms-border-radius: 5px;
      text-decoration:none;
    }
    
    
    
    
    #header{
    margin: 0px 0px 15px 0px;
    padding: 7px 7px 7px 7px;
    float: right;
    width:665px;
    height: 200px;
    background-color: #ff611a;
    background-image:url(smallengine.jpg);
    background-repeat:no-repeat;
        
    -moz-border-radius: 5px;
      border-radius: 5px;
      -ms-border-radius: 5px;             
        
    }
    
    #news{
    margin: 0px 10px 15px 0px;
    padding: 7px 7px 7px 7px;
    float: left;
    width:250px;
    height: 300px;
    background-color: #d9d9d9;    
    -moz-border-radius: 5px;
      border-radius: 5px;
      -ms-border-radius: 5px;         
    }
    
    #main{
    margin: 0px 0px 0px 0px;
    padding: 10px 10px 10px 10px;
    float: right;
    width:665px;
    height: 300px;
    background-color: #ffffff;
    -moz-border-radius: 5px;
      border-radius: 5px;
      -ms-border-radius: 5px;             
        
    }
    
    #footer{
    text-decoration:none;    
    margin: 1px 0px 100px 0px;
    padding: 0px 0px 0px 0px;
    float: left;
    width:955px;
    color: #ffffff;
    background-color: #ff611a;    
    -moz-border-radius: 5px;
      border-radius: 5px;
      -ms-border-radius: 5px;
      text-align: center;
    text-decoration:none;
    
      
     }
    Last edited by Paul O'B; Jul 14, 2011 at 08:40. Reason: code tags added

  2. #2
    SitePoint Member
    Join Date
    Jul 2011
    Location
    Grand Rapids, Michigan, USA
    Posts
    19
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    It was for my footer is where I cannot get the text decoration to work!

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

    Apply the text-decoration to the element that has the decoration as it is not inherited from a parent.

    #footer a{text-decoration:none;}

  4. #4
    SitePoint Member
    Join Date
    Jul 2011
    Location
    Grand Rapids, Michigan, USA
    Posts
    19
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Smile

    Thanks Paul it worked!!!


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
  •