Ver Mensaje Individual
  #16 (permalink)  
Antiguo 23/03/2015, 11:34
jurassicboy
 
Fecha de Ingreso: agosto-2009
Mensajes: 91
Antigüedad: 14 años, 9 meses
Puntos: 2
Respuesta: Referenciar a un div dentro de un div dentro de...

Cita:
Iniciado por NueveReinas Ver Mensaje
¿No podrías pasarnos el ejemplo completo?
Por supuesto!
Este es el body, realmente tampoco faltaba tanto por mostrar. 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"/> &nbsp; &nbsp; &nbsp; <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.