Foros del Web » Creando para Internet » CSS »

Duda con herencia de atributos en CSS

Estas en el tema de Duda con herencia de atributos en CSS en el foro de CSS en Foros del Web. Buenas, Me ha salido una duda con la herencia de atributos en CSS, pongo el código y me explico: Código: .menuSuperior { font-family: Verdana, Arial, ...
  #1 (permalink)  
Antiguo 20/01/2005, 17:22
Avatar de Tximis  
Fecha de Ingreso: junio-2004
Ubicación: Bilbao
Mensajes: 328
Antigüedad: 13 años, 6 meses
Puntos: 2
Duda con herencia de atributos en CSS

Buenas,

Me ha salido una duda con la herencia de atributos en CSS, pongo el código y me explico:

Código:
.menuSuperior {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #2B5ABA;
	text-transform: uppercase;
	text-decoration: none;
	text-align: center;
	letter-spacing:0px;
}



a.menuSuperior:hover {
	color: #FFFFFF;
	//text-decoration: none;
}
¿Se supone que a.menuSuperior:hover hereda los atributos de .menuSuperior, no es así?

El caso es que en Mozilla al pasar por encima de los enlaces me aparecen subrayados, en Internet Explorer no. Para que me aparezcan en ambos navegadores sin subrayar tengo que descomentar la linea..

Un saludo.
  #2 (permalink)  
Antiguo 20/01/2005, 18:28
Avatar de KnowDemon  
Fecha de Ingreso: julio-2004
Ubicación: Ciudad de México
Mensajes: 544
Antigüedad: 13 años, 5 meses
Puntos: 2
Creo que no se heredan de la manera que esperas. En efecto, hay que especificar la decoración del texto para hover, etc...

Es cosa de ver las especificaciones CSS...
__________________
Mi pequeño espacio en la web: VisiónE
"El cosmos es todo lo que es, todo lo que fue, y todo lo que será alguna vez."
  #3 (permalink)  
Antiguo 20/01/2005, 21:43
 
Fecha de Ingreso: agosto-2003
Mensajes: 499
Antigüedad: 14 años, 3 meses
Puntos: 1
yo no veo diferencia de comportamiento entre FF1.0 y IE6SP2
__________________
Plaza Mozilla
http://www.chevrel.org/es/noticias/
  #4 (permalink)  
Antiguo 21/01/2005, 03:22
Avatar de Tximis  
Fecha de Ingreso: junio-2004
Ubicación: Bilbao
Mensajes: 328
Antigüedad: 13 años, 6 meses
Puntos: 2
Buenas,

Vale, creo que ya he encontrado el motívo. Había puesto la línea comentada con "//", este forma de comentar funciona en Firefox, pero no en Internet Explorer.

Ahora poniendo esto:

Código:
.menuSuperior {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #2B5ABA;
	text-transform: uppercase;
	text-decoration: none;
	text-align: center;
	letter-spacing:0px;
}



a.menuSuperior:hover {
	color: #FFFFFF;
	/* text-decoration: none; */ 
En los dos navegadores aparecen subrayados los enlaces, por lo tanto no se hereda el atributo text-decoration: none;,y yo pensaba que se iva a heredar.. ¿Este es el comportamiento natural? Supongo que sí. ¿Algun texto que se centre en la herencia en CSS?

Saludos.
  #5 (permalink)  
Antiguo 21/01/2005, 05:36
 
Fecha de Ingreso: agosto-2003
Mensajes: 499
Antigüedad: 14 años, 3 meses
Puntos: 1
La doc oficial CSS, que dice que text-decoration no se herede sino que puede propagarse, o sea que el tema es algo complicado ;)
__________________
Plaza Mozilla
http://www.chevrel.org/es/noticias/
  #6 (permalink)  
Antiguo 21/01/2005, 06:41
Avatar de Durgeoble  
Fecha de Ingreso: marzo-2003
Mensajes: 462
Antigüedad: 14 años, 8 meses
Puntos: 2
Lo tienes mal hecho, no se debe comentar sino indicar como debe verse

text-decoration: underline;
__________________
Todas mis respuestas funcionaran correctamente en aquellos navegadores que respeten los estandares.
  #7 (permalink)  
Antiguo 21/01/2005, 07:00
Avatar de kemie  
Fecha de Ingreso: junio-2003
Ubicación: estocolmo<-->mexico
Mensajes: 1.627
Antigüedad: 14 años, 5 meses
Puntos: 1
espera... como tienes tu codigo html?
si tienes
<a class="menuSuperior" href="...>link</a>


entonces esta bien tu css. pero si por el contrario, tienes:
<div class="menuSuperior">
<a href="...>link</a>
</div>

tu css deberia de ser:
.menuSuperior a{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #2B5ABA;
text-transform: uppercase;
text-decoration: none;
text-align: center;
letter-spacing:0px;
}



.menuSuperior a:hover {
color: #FFFFFF;
text-decoration: underline;
}
__________________
::::::::::::::::::::::::::::: WebHostNinja | diseñorama.com::::::::::::::::::::::::::::::
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 20:45.