Foros del Web » Creando para Internet » CSS »

display no le hace caso al :hover (es porfiado)

Estas en el tema de display no le hace caso al :hover (es porfiado) en el foro de CSS en Foros del Web. Hola amigos, comunmente acá más aporto o ayudo que pregunto pero ahora me dejo en jaque una idea de esas que te dan cuando andas ...
  #1 (permalink)  
Antiguo 21/01/2010, 16:01
 
Fecha de Ingreso: mayo-2008
Ubicación: Santiago-Chile
Mensajes: 253
Antigüedad: 9 años, 7 meses
Puntos: 1
display no le hace caso al :hover (es porfiado)

Hola amigos, comunmente acá más aporto o ayudo que pregunto pero ahora me dejo en jaque una idea de esas que te dan cuando andas motivado.
bueno ocurre que quiero hacer un div por ejemplo x1 con un alto y ancho fijo y un fondo... y quiero que al situarse sobre el div x1:hover aparesca un div x2 dentro de x1 mi logica me dice lo siguiente

Código CSS:
Ver original
  1. div#x1 {
  2.   /* FONDO
  3.   ANCHO
  4.   ALTO
  5.   BORDE
  6.  ETC.
  7. }/* Aqui le di todas las propiedades que para este caso no son importantes... */
  8.  
  9. div#x2 {
  10.   display:none;
  11. }/* aqui digo que div#x2 no se vea (ENTONCES PARA QUE LO CREE??? BUENO tranquilein yon wein aqui viene*/
  12.  
  13. /* AQUI SEGUN YO LA MATHERFUCKER */
  14. div#x1:hover div#x2 {
  15.   display:block;
  16. }
bien yo entiendo que eso dice así (musica maestro)....
que div x2 se comporta con display block mientras este dentro de divx1 y este este con hover (osea con el cursor sobre)...

el problema???
no funciona xD... obvio que por eso posteo, pero no le hace caso al display block, entonces no se que es?

Saludos y ojala me ayuden .
  #2 (permalink)  
Antiguo 21/01/2010, 16:20
Avatar de Carlangueitor
Moderador ლ(ಠ益ಠლ)
 
Fecha de Ingreso: marzo-2008
Ubicación: México
Mensajes: 9.968
Antigüedad: 9 años, 9 meses
Puntos: 1314
Respuesta: display no le hace caso al :hover (es porfiado)

Lo que pasa es que cuando pones: div#x1:hover div#x2 Estás haciendo algo así como: el div x2 que esta dentro de un div x1.... (aunque no es válido de todas formas). Quizá este ejemplo te pueda ayudar:

http://www.araudi.net/ejemplos/tooltip_activo2.html

Saludos
__________________
Grupo Telegram Docker en Español
  #3 (permalink)  
Antiguo 21/01/2010, 21:09
 
Fecha de Ingreso: mayo-2008
Ubicación: Santiago-Chile
Mensajes: 253
Antigüedad: 9 años, 7 meses
Puntos: 1
Respuesta: display no le hace caso al :hover (es porfiado)

no es valido??? yo lo valido con css2 y funciona
explicame eso?

sorry pero lo probe y valida.

Última edición por bkolores; 21/01/2010 a las 21:10 Razón: CSS VALIDATOR
  #4 (permalink)  
Antiguo 21/01/2010, 23:37
Avatar de Carlangueitor
Moderador ლ(ಠ益ಠლ)
 
Fecha de Ingreso: marzo-2008
Ubicación: México
Mensajes: 9.968
Antigüedad: 9 años, 9 meses
Puntos: 1314
Respuesta: display no le hace caso al :hover (es porfiado)

Perdón, error mio lo de la validación.

Tienes por ahí el HTML, quizá es por eso que noeste dando una buena respuesta.

Saludos
__________________
Grupo Telegram Docker en Español
  #5 (permalink)  
Antiguo 22/01/2010, 03:12
 
Fecha de Ingreso: agosto-2009
Mensajes: 67
Antigüedad: 8 años, 4 meses
Puntos: 0
Respuesta: display no le hace caso al :hover (es porfiado)

Hola.

Según estoy probando, funciona bien con el siguiente HTML:

Código:
<HTML>
 <HEAD>
  <TITLE></TITLE>
  <style type="text/css">

      div#x1 {
		border: 1px solid red;
		height: 400px;
		width: 400px;
      }

      div#x2 {
        display:none;
		border: 1px solid blue;
      }

      div#x1:hover {
		border: 2px solid green;

      }

      div#x1:hover div#x2 {
        display:block;

      }

  </style>
 </HEAD>

 <BODY>
	<div>
		<div id="x1">
			div 1
			<div>
				<div id="x2">
					div 2
				</div>
			</div>
		</div>
  
 </BODY>
</HTML>
Lo que sí que he encontrado es que aunque en Firefox va bien, en IE tiene un problema: Estoy usando el IE8 para probarlo y va bien sólamente si le digo que es un documento estándar 7 o estándar 8. Si le digo que es un documento 'no estándar', no funciona (en IE8, menú Herramientas -> Herramientas de desarrollo, ó pulsar F12).

Si indicas el navegador y el HTML podríamos afinar más la respuesta.


Un saludo.

Etiquetas: display, hover
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 06:32.