Comunidad de diseño web y desarrollo en internet online

menu xhtml/css incompatible con VirusExplorer

Citar            
MensajeEscrito el 05 Jun 2007 03:57 pm
buenos mis estimados colegas el problema es que tengo este menu

el cual podrán notar que funciona bastante bien en firefox pero en IE no hace caso

supongo que se podrá solucionar con comentarios condicionales
esta es la parte del problema (no me toma el evento):
el css:

Código :

 
 <style>
.menu a .punto0 {
   display:none;
}
.menu a:hover .punto0{
   display:block;
}

.menu a:hover .punto1{
   display:none;
}
.menu a .punto1 {
   display:block;
}
 </style>

el xhtml

Código :

<dl class="menu">
<dd>
    <a href="#nogo">
          <p>
        boton  11
     </p>
     <span class="punto0"><img src="img/punto0.gif"/></span>
     <span class="punto1"><img src="img/punto1.gif"/></span>
   </a>
</dd>
</dl>



el codigo completo

Por Inyaka

Claber

3176 de clabLevel

9 tutoriales
2 articulos

Genero:Masculino   Desarrollador de GAIA

Programador y fotógrafo

firefox
Citar            
MensajeEscrito el 05 Jun 2007 07:18 pm
No sé como se soluciona, pero en cssplay lo soluciona (mira en menús).
Muchas veces he intentado entenderlo, pero lo que utiliza es muy raro.

Por ryuz

350 de clabLevel

2 tutoriales

 

firefox
Citar            
MensajeEscrito el 05 Jun 2007 08:54 pm
por eso mismo estoy posteando aca quiero ver el por por que del problema.


por cierto ese tipo es mi idolo :alabado:

Por Inyaka

Claber

3176 de clabLevel

9 tutoriales
2 articulos

Genero:Masculino   Desarrollador de GAIA

Programador y fotógrafo

firefox
Citar            
MensajeEscrito el 09 Jun 2007 09:33 pm
No entiendo, qué es exactamente lo que quieres lograr? Explicanos el concepto y quizás puedamos ayudar en algo.

Por NEO_JP

BOFH

5724 de clabLevel

13 tutoriales
12 articulos

Genero:Masculino   Anime Bloggers Premio_Secretos Team Cristalab

Front-end Developer en Washington, DC

firefox
Citar            
MensajeEscrito el 11 Jun 2007 08:31 pm
el problema es que en IE no me toma el evento

Código :

.menu a:hover .punto0{
   display:block;
}

existirá algún hack contra esto ???'
he intentado varias soluciones pero ninguna me resulto de manera optima

Por Inyaka

Claber

3176 de clabLevel

9 tutoriales
2 articulos

Genero:Masculino   Desarrollador de GAIA

Programador y fotógrafo

firefox
Citar            
MensajeEscrito el 11 Jun 2007 09:02 pm

inyaka escribió:

Código :

.menu a:hover .punto0{
   display:block;}

No creo que por ningún motivo sea necesario llegar a ese tipo de CSS al definir el estilo de cualquier tipo de página, en mi muy humilde opinión.

Por Darel

725 de clabLevel

5 tutoriales

 

I'm a human

msie7
Citar            
MensajeEscrito el 12 Jun 2007 04:37 pm
El css lo entiendo, pero tu html no. Los enlaces son etiquetas inline, mientras que los p son block por ende ocurriran problemas.
Como decia, comenta más sobre el concepto y trataré de ayudar.

Por NEO_JP

BOFH

5724 de clabLevel

13 tutoriales
12 articulos

Genero:Masculino   Anime Bloggers Premio_Secretos Team Cristalab

Front-end Developer en Washington, DC

firefox
Citar            
MensajeEscrito el 12 Jun 2007 05:51 pm
En IE, tienes que ayudarle a entender las pseudo clases, simplemente agrega esto y te funcionará:

Código :

.menu a:hover{
   cursor: pointer;/*Aqui has algo que le permita entender a IE el hover*/
}
.menu a:hover .punto0{
   display:block;
}


Saludos :wink:

Por Dano

BOFH

4273 de clabLevel

14 tutoriales
4 articulos
10 ejemplos

Genero:Masculino   Bastard Operators From Hell Premio_Secretos

Lugar estratégico para vigilarte

firefox
Citar            
MensajeEscrito el 12 Jun 2007 05:54 pm
Gracias dano eso es lo que nesecitaba

por cierto Neo lo de haber puesto un <p> dentro de un <a> es un error semántico, lo solucionare ;)

Por Inyaka

Claber

3176 de clabLevel

9 tutoriales
2 articulos

Genero:Masculino   Desarrollador de GAIA

Programador y fotógrafo

firefox

 

Cristalab BabyBlue v4 + V4 © 2011 Cristalab
Powered by ClabEngines v4, HTML5, love and ponies.