[SOLUCIONADO] que selector usar

esquerda21 · #1 (**permalink**) 17/03/2015, 15:34

Hola de nuevo,
La idea es que cuando haga click en el DIV la propiedad de overflow cambie sobre el mismo DIV.
Pego la idea...

Código:

<body>
<style>
.recuadro-blog {overflow:hidden;}
div#titulo-blog:focus>.recuadro-blog {overflow:visible;}
</style>

<h3 id="titulo-blog" tabindex="0">demo con focus</h3>
<div id="titulo-blog" class="recuadro-blog" style="width:auto; height:200px">
  	<h1>hola</h1>
  	<p>aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa<br>
    aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa<br>
    aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa<br>
    aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa<br>
    aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa<br>
    aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa<br>
    aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa<br>
    aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa<br>
    aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa<br></p>
    <h2>QUETAL</h2>
</div>
</body>

Gracias

AngelKrak · #2 (**permalink**) 17/03/2015, 19:39

no entiendo muy bien que es lo que quieres hacer >_< algo como esto o k?
http://www.forosdelweb.com/f179/como...query-1037126/

esquerda21 · #3 (**permalink**) 18/03/2015, 02:31

Intentaré explicarme mejor...

El div en cuestión contiene una noticia en la que solo se puede ver el enunciado y parte del texto. Este div tiene la propiedad overflow en hidden. Ahora bien, al hacer click en el mismo y coger el foco, el mismo div cambia su propiedad overflow a visible, mostrando todo el contenido del div.

gracias

esquerda21 · #4 (**permalink**) 18/03/2015, 06:18

Bueno ya esta.

Cuando clicleo sobre el mismo div cambia su propiedad.

Código:

<style>																div#pip:focus {background-color:#9CC;}                                                                          
</style>
                                                                            
<div id="pip" tabindex="0" class="lilo">                                                                         	<p>aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</p>
</div>