Foros del web, para los que viven de bits

Tximis · 20-ene-2005, 16:22

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.

KnowDemon · 20-ene-2005, 17:28

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...

PascalC · 20-ene-2005, 20:43

yo no veo diferencia de comportamiento entre FF1.0 y IE6SP2

Tximis · 21-ene-2005, 02:22

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.

PascalC · 21-ene-2005, 04:36

La doc oficial CSS, que dice que text-decoration no se herede sino que puede propagarse, o sea que el tema es algo complicado ;)

Durgeoble · 21-ene-2005, 05:41

Lo tienes mal hecho, no se debe comentar sino indicar como debe verse

text-decoration: underline;

kemie · 21-ene-2005, 06:00

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;
}

20-ene-2005, 16:22	#1 (permalink)
Tximis Fecha de Ingreso: junio-2004 Ubicación: Bilbao Mensajes: 328	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.

20-ene-2005, 17:28	#2 (permalink)
KnowDemon Fecha de Ingreso: julio-2004 Ubicación: Ciudad de México Mensajes: 539	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."

20-ene-2005, 20:43	#3 (permalink)
PascalC Fecha de Ingreso: agosto-2003 Mensajes: 501	yo no veo diferencia de comportamiento entre FF1.0 y IE6SP2 __________________ Plaza Mozilla http://www.chevrel.org/es/noticias/

21-ene-2005, 02:22	#4 (permalink)
Tximis Fecha de Ingreso: junio-2004 Ubicación: Bilbao Mensajes: 328	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.

21-ene-2005, 04:36	#5 (permalink)
PascalC Fecha de Ingreso: agosto-2003 Mensajes: 501	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/

21-ene-2005, 05:41	#6 (permalink)
Durgeoble Fecha de Ingreso: marzo-2003 Mensajes: 436	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.

21-ene-2005, 06:00	#7 (permalink)
kemie Fecha de Ingreso: junio-2003 Ubicación: estocolmo<-->mexico Mensajes: 1.627	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::::::::::::::::::::::::::::::

Herramientas
Mostrar Versión Imprimible Enviar por Correo
Desplegado
Mode Lineal Cambiar a Modo Hibrido Cambiar a Modo Hilado