Holas: necesito la colaboración para solucionar esto.
Tengo 8 tabs javacript/css con mucho contenido y tablas. Cuando cargo la página primeramente se muestra todo el contenido de los tabs desplegados verticamente y luego de unos 9 seg. es que aparecen los tabs y el contenido organizado en su respectivo tab.
¿Qué opciones CSS puedo usar para reducir el tiempo de carga?
Este es el código css.
Código CSS:
Ver original.tabberlive .tabbertabhide {
display:none;
}
/*--------------------------------------------------
.tabber = before the tabber interface is set up
.tabberlive = after the tabber interface is set up
--------------------------------------------------*/
.tabber {
}
.tabberlive {
margin-top: 1em;
margin-left: 0px;
}
ul.tabbernav{
margin: 0px -15px;
padding: 0px 37px;
border-bottom: 1px solid #8C8A8C;
font-family: Arial, Helvetica, sans-serif;
font-size: 8pt;
}
ul.tabbernav li{
list-style: none;
margin: 0;
display: inline;
}
ul.tabbernav li a{
padding: 3px 0.5em;
margin-left: 3px;
border: 1px solid #BBBBBB;
border-bottom: none;
background: #F6F6F6;
text-decoration: none;
}
ul.tabbernav li a:link { color: #494949; }
ul.tabbernav li a:visited { color: #494949; }
ul.tabbernav li.tabberactive a{
background-color: white;
border-bottom: 1px solid #fff;
}
.tabberlive .tabbertab {
padding: 5px 15px;
/*border:10px solid #aaa;*/
border-top: 0;
}
.tabberlive .tabbertab h2 {
display:none;
}
Muchas gracias.