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;
    .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?


    Thursday, October 15, 2015 2:01 AM