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.