Hola gente, tengo una duda con una pagina y quería ver si me pueden sacar algunas dudas.
El problema es así, tengo una pagina cuya totalidad es un cuadrado de 655px de ancho por 255 de alto aproximadamente, es así porque en el body solo hay una imagen de fondo de esta medida.
El problema que quiero resolver viene acá: dentro de ese cuadrado hay una parte en donde los contenidos se muestran en 3 pestañas, y para esto se usa Javascript, y lo que yo quiero es modificar esta pagina con CSS para que no necesite Javascript, y poder ver las pestañas por SEPARADO.
El codigo seria algo asi:
<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
</head>
<body>
<div id="contenedorTotal" class="corto" style="width: 655px;">
<div id="data" class="dataNormal">
<div id="dataContainer">
<div id="dataTabs" class="tabs">
<div id="ATab" class="tab activeTab">Tab A</div>
<div id="BTab" class="tab">Tab B</div>
<div id="CTab" class="tab">Tab C</div>
</div>
<div id="dataContents" class="content">
<div id="dataContenContainer" class="contentContainer">
<div id="TabAContentScrollable" class="contentMain">
<div id="TabAContentScroller" class="contentScroller">
<div id="TabAContent" class="scrolling">
</div>
<div id="TabBContent">
<table>
<thead>......</thead>
<tbody>......</tbody>
</table>
</div>
<div id="TabCContentScrollable" class="contentMain">
<div id="TabCContentScroller" class="contentScroller">
<div id="TabCContent" class="scrolling"
<div id="TabCContentPart1"
<div id="TabCContentPart2"
</div>
</div>
</div>
</body>
</html>
En una parte del documento la información se ve en forma de 3 pestañas: TabA, TabB y TabC, YO QUISIERA VER LAS 3 TABLAS AL MISMO TIEMPO, UNA PEGADA A LA OTRA, se podría modificar con CSS o CSS3?