Cita:
Iniciado por NueveReinas
¿No podrías pasarnos el ejemplo completo?
![apachar ojo](http://static.forosdelweb.com/fdwtheme/images/smilies/wink.png)
Por supuesto!
Este es el body, realmente tampoco faltaba tanto por mostrar.
![de acuerdo](http://static.forosdelweb.com/fdwtheme/images/smilies/dedosarriba.png)
Son tres pestañas en CSS controladas por tres inputs (tab-1, tab-2 y tab-3):
Código HTML:
<body>
<div class="container">
<header>
<h1><span>Conversor XLS i CSV </span></h1>
<h2>Parsear</h2>
</header>
<section class="tabs">
<input id="tab-1" type="radio" name="radio-set" class="tab-selector-1" checked="checked" />
<label for="tab-1" class="tab-label-1">Importar</label>
<input id="tab-2" type="radio" name="radio-set" class="tab-selector-2" />
<label for="tab-2" class="tab-label-2">Script</label>
<input id="tab-3" type="radio" name="radio-set" class="tab-selector-3" />
<label for="tab-3" class="tab-label-3">Errors</label>
<div class="clear-shadow"></div>
<div class="content">
<div class="content-1">
<h2>Importar la tabla</h2>
<div id="show_excel_wrapper">
<div id="show_excel">
<form name="frmload" method="post" action="index.php" enctype="multipart/form-data">
<input type="file" name="file" id="browsebutton"/> <input type="submit" id="submit" value="IMPORTAR" />
</form>
</div>
</div>
<div class="content-2">
<h2>Apartado de llamadas a scripts a ejecutar</h2>
<p>Aquí iría el resultado del parseado</p>
</div>
<div class="content-3">
<h2>Contenido 3 iría aquí</h2>
<h3>Examples</h3>
<p>Contenido 3 aquí!! </p>
</div>
</div>
</section>
</div>
</body>
En el contenido de la primera pestaña como véis quiero meter un form con dos input (que son un botón "submit" y un botón "browse" que utilizo para seleccionar y subir un fichero).
Pues este es el estilo que se me "desmonta", puesto que cree que además de los estilos de input#browsebutton y input#submit, debe cogerme también el estilo marcado para los inputs de .tabs (que son los que en principio solamente deberían dar el look a las pestañas). Y al final lo que obtengo es un lío de estilos con los inputs.
Por ejemplo, .tabs tiene la opacidad a 0 y eso hace que la opacidad de browsebutton y submit sea también cero, con lo cual los botones no se ven.
Resumiendo, input#browsebutton y input#submit heredan el css de .tabs y no hay manera de que no lo hagan.