Help me with a CSS Tab

Discussion in 'HTML & Website Design' started by vinodis, Jun 11, 2007.

  1. #1
    CSS/HTML coding is not natural me. Still I gave it a try to customize my theme here:- www.vinodlive.com

    But stumped at how can I position that CSS Tab at the bottom of my header. Currently I have put a <br /> multiple times to keep it down. But the alignment is not proper. Another crib is about the underlining of the links. I have put text-decoration none for both header and for the CSS tab element(#tabsB). But its still there.
    CSS URL: http://www.vinodlive.com/wp-content/themes/torn/styleblue.css
    Code:
    Can You help. Any help is heartily appreciated.
     
    vinodis, Jun 11, 2007 IP
  2. ajsa52

    ajsa52 Well-Known Member

    Messages:
    3,426
    Likes Received:
    125
    Best Answers:
    0
    Trophy Points:
    160
    #2
    For positioning your tabsB use padding-top.
    Example:
    
    #tabsB 
    {
      float:left;
      width:100%;
      font-size:93%;
      line-height:normal;
      padding-top: 120px;
    }
    
    Code (markup):
    For your link, try changing a:link, a:visited, a:active, and a:hover
    Example:

    
    a:visited { text-decoration: none; color: blue; }
    a:link { text-decoration: none; color: blue; }
    a:hover, a:active { text-decoration: none; color: blue; background-color: #E3E3E3; }
    
    Code (markup):
     
    ajsa52, Jun 11, 2007 IP
    vinodis likes this.
  3. vinodis

    vinodis Peon

    Messages:
    304
    Likes Received:
    6
    Best Answers:
    0
    Trophy Points:
    0
    #3
    Excellent. Thank you ajsa52.
    I was able to pad it down. But the Link decoration still remained even after placing your code.
     
    vinodis, Jun 11, 2007 IP