Foros del web, para los que viven de bits

hernangomez · 21-jul-2005, 03:57

Bueno acabo de empezar con Css y este es mi primer post.

Estoy comenzando a rediseñar una página utilizando las hojas de estilo pero me encuentro que en FireFox me funciona perfectamente y no en el IE. En firefox me cambia la imagen según cambio la clase, pero en IE si meto la primera clase funciona bien y mal para el resto.

La idea era crear otras clases para modificar una capa en el pie, los H1, H2, ...

Tengo el siguiente código CSS :

Código:

#cabecera{
	height: 143px;
	font-size: 10px;
	line-height: 11px;
}
#cabecera.menuCat1{ background: url(imagenes/cabeceraCat1.jpg) no-repeat right bottom; }
#cabecera.menuCat2{ background: url(imagenes/cabeceraCat2.jpg) no-repeat right bottom; }
#cabecera.menuCat3{ background: url(imagenes/cabeceraCat3.jpg) no-repeat right bottom; }
#cabecera.menuCat4{ background: url(imagenes/cabeceraCat4.jpg) no-repeat right bottom; }
#cabecera.menuCat5{ background: url(imagenes/cabeceraCat5.jpg) no-repeat right bottom; }
#cabecera.menuCat6{ background: url(imagenes/cabeceraCat6.jpg) no-repeat right bottom; }
#cabecera.menuCat7{ background: url(imagenes/cabeceraCat7.jpg) no-repeat right bottom; }

Y luego lo uso con :

Código:

<div id=&quot;cabecera&quot; class=&quot;menuCat2&quot;>

hernangomez · 21-jul-2005, 04:13

Encambio, esto si me funciona :

Código:

h1{
	text-align: left;
	font-weight:bold;	
	font-size: 14px;
	line-height: 14px;
	font-family: Tahoma, Arial, sans-serif;
}
h1.menuCat1 { color:#FFC600; }
h1.menuCat2 { color:#6A9B00; }
h1.menuCat3 { color:#FFC0A6; }
h1.menuCat4 { color:#FAA21B; }
h1.menuCat5 { color:#D77997; }
h1.menuCat6 { color:#BADB64; }
h1.menuCat7 { color:#91D7FF; }

Para

Código:

	<h1 class="menuCat1">Encabezado 1</h1>

kemie · 21-jul-2005, 09:47

no se si haya sido solo cuestion de cuando pegaste tu codigo aqui, pero asegurate que tengas en vez de:
<div id="cabecera" class="menuCat2">
<div id="cabecera" class="menuCat2">

hernangomez · 26-jul-2005, 10:03

Fue al pegarlo.

Nadie sabe porque ocurre esto ... si lo más seguro es que esté haciendo algo mal.

Venga, dadme un tirón de orejas.

21-jul-2005, 09:47	#3 (permalink)
kemie Fecha de Ingreso: junio-2003 Ubicación: estocolmo<-->mexico Mensajes: 1.627	no se si haya sido solo cuestion de cuando pegaste tu codigo aqui, pero asegurate que tengas en vez de: <div id="cabecera" class="menuCat2"> <div id="cabecera" class="menuCat2"> __________________ ::::::::::::::::::::::::::::: WebHostNinja \| diseñorama.com::::::::::::::::::::::::::::::

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

26-jul-2005, 10:03	#4 (permalink)
hernangomez Fecha de Ingreso: noviembre-2004 Mensajes: 4	Fue al pegarlo. Nadie sabe porque ocurre esto ... si lo más seguro es que esté haciendo algo mal. Venga, dadme un tirón de orejas.