AJAXCONTROLTOOLKIT TabContainer
Jeg har problemer med Tabcontainer som vist her:https://www.asp.net/AJAX/AjaxControlToolkit/Samples/Tabs/Tabs.aspx
Jeg har 2 problemer, det ene er at få hele headeren i en tab til at være klikbar. (Altså som a{display:block;} normalt gør).
Det andet er at en header til at virke i Firefox, da der ikke sker noget ved klik på teksten, men kun lige uden for teksten.
Nogen der har prøvet det her og kender en løsning.
Her er mit css:
/* General css for all tabs */
.TabContainer .ajax__tab_tab{line-height:26px;vertical-align:middle;}
.TabContainer .ajax__tab_tab a{height:26px;display:block;}
/* Css for inactive tabs */
.TabContainer .ajax__tab_inner{background-image:url(/images/TabControl/Tab_Inactive_Right.png);background-position:right;background-repeat:no-repeat;height:26px;width:150px;}
.TabContainer .ajax__tab_outer{background-image:url(/images/TabControl/Tab_Inactive_Middle.png);border-left:2px solid #CECECE;text-align:center;font-weight:bold;}
/* Css for active tabs */
.TabContainer .ajax__tab_active .ajax__tab_inner{background-image:url(/images/TabControl/Tab_Active_Right.png);height:26px;width:150px;}
.TabContainer .ajax__tab_active .ajax__tab_outer{background-image:url(/images/TabControl/Tab_Active_Middle.png);}
/* Css for tab control body */
.TabContainer .ajax__tab_body{border:2px solid #CECECE;padding:10px;}