Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS Transparent jquery meny with dropdown without overlap

  • This topic is empty.
Viewing 1 post (of 1 total)
  • Author
    Posts
  • #38936
    pernilla
    Member

    Hey guys!
    I’ve been trying for some hours now to make my tabs transparent, what happens when I do that is that the content overlaps. The tabs aren’t even overlapping but somehow the content just follows along as I switch from one tab to another. I have set background:transparent and the transparency is fine. I’ve played around with z-index but it doesn’t help. Anyone who might know how to solve it? I would really appreciate it :)

    ul#tabPanes li {
    width: 227px;
    }
    ul#tabPanes li#tab1, li#tab2, li#tab3, li#tab4 {
    margin-top:-35px;
    height:218px;
    margin-left:15px;
    display:none;
    background-color:transparent;
    }
    #tabMenu {
    clear:both;
    list-style-type:none;
    }
    #tabMenu li {
    float:left;
    line-height:42px;
    padding-left:30px;
    padding-right:10px;
    }
    #tabContainer {
    margin:0 auto;
    width:570px;
    }
    #tabMenu li a {
    text-decoration:none;
    color:#39a5e0;
    font-weight:bold;
    }
    #tabs {
    width:604px;
    height:47px;
    background-color:transparent;
    font-family:Economica, Arial, San Serif;
    font-size:14px;
    margin:0 auto;
    }
    #tabMenu li a:hover {
    color: #1a6b97;
    }

















    • Remember Me


































    • Salespeople


      OEM & Distributors


      Designers & Contractors




























Viewing 1 post (of 1 total)
  • You must be logged in to reply to this topic.