locked
Design Ajax Tabs In Ajax Tab Container RRS feed

  • Question

  • User-471962099 posted

    hi, I have created an ajax tab container and have used css for the ajax tab container. (Please see here: http://i.stack.imgur.com/8C0Fk.png).

    This is the css I have used:

    .tabstyle .ajax__tab_header
    {
    font-size: 13px;
    font-weight: bold;
    color: #000;
    font-family: sans-serif;
    }
    
    .tabstyle .ajax__tab_active .ajax__tab_inner, .tabstyle .ajax__tab_header .ajax__tab_inner, .tabstyle .ajax__tab_hover .ajax__tab_inner
    {
    height: 46px;
    margin-left: 16px;
    }
    .tabstyle .ajax__tab_active .ajax__tab_tab, .tabstyle .ajax__tab_hover .ajax__tab_tab, .tabstyle .ajax__tab_header .ajax__tab_tab
    {
    margin: 16px 16px 0px 0px;
    }
    .tabstyle .ajax__tab_active .ajax__tab_outer { 
        border-left: solid 1px #999999;
        border-top: solid 1px #999999;
        border-right: solid 1px #999999;
        background-color: #d7d7d7;
        font-weight: bold;
        border-style:outset;
    } 
    
    .tabstyle .ajax__tab_body
    {
    font-family: Arial;
    font-size: 10pt;
    border-top: 0;
    border:1px solid #999999;
    padding: 8px;
    background-color: #ffffff;
    }

    Question: I want to improve on the design used for my ajax tabs in tab container. Anyone got better css templates or can offer me any suggestion to improve on my current design?

    Thanks.

    Thursday, October 15, 2015 2:01 AM

Answers