No me funciona una capa con css

Vane_ · #1 (**permalink**) 09/05/2007, 16:55

Hola a todos,

Estoy empezando con esto de las hojas de estilo y tengo una imagen en una capa, de este modo:

HTML

Código:

<div id="titulo">
	<img src="imagenes/logo.gif" alt="Logo" name="logo">
</div>

Y en el .css

Código:

.titulo {
	position:absolute;
	top:8%;
	left:6%;
	width:15%;
	height:25%;
	background-color:#003366;	
}

Esto no me funciona, sin embargo, si tengo en el HTML esto otro, hace todo a la perfección:

Cita:

Qué estoy haciendo mal?

ELGargola · #2 (**permalink**) 09/05/2007, 17:15

tienes que poner en el css # en vez de el punto, ya que el punto es para class.

Código:

<div id="titulo">
	<img src="imagenes/logo.gif" alt="Logo" name="logo">
</div>

Código:

#titulo {
	position:absolute;
	top:8%;
	left:6%;
	width:15%;
	height:25%;
	background-color:#003366;	
}

asi te funcionara perfectamente,
Un Saludo

Vane_ · #3 (**permalink**) 10/05/2007, 05:56

Hola ELGargola,

Gracias por contestar. He probado con '#' pero nada todo sigue igual. Mi problema es que si no pongo esta línea al inicio:

Código:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

Todo me funciona OK, pero al ponerla no, y es que tengo que ponerla sí o sí........

hq1 · #4 (**permalink**) 10/05/2007, 08:19

Pero esa línea no afecta a lo que venga después, comprueba primero la ruta de acceso al css, no vaya a ser que esté mal y luego pones lo del #, para poder poner id="titulo".
Las normas son muy claras:

en css, para definir identificadores, # y para definir clases, .

en html, para usar identificadores, id="..." y para usar clases, class="..."

comprueba que todos los nombres están bien, aunque parecen estar correctos.

demiurgo_daemon · #5 (**permalink**) 10/05/2007, 09:20

Hola,

Código HTML:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

Esta línea es un DTD (Document Type Declaration). Indica, en términos simples, qué etiquetas y propiedades puedes usar en el código. Intenta cambiarla por

Código HTML:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
	"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

Aunque me parece muy extraño, porque hasta donde sé HTML 4 soporta CSS. Voy con hq1, revisa una vez más todas tus rutas para asegurarte que están bien y, si tienes Firefox, el DOM Inspector te será de gran ayuda.

saludos

ELGargola · #6 (**permalink**) 10/05/2007, 10:15

una pregunta tienes varias capas una encima de otra? lo pregunto por que con el codigo que dices que te aparece tienes puesto z-index:1, si es asi puede ser que te falte poner eso.

#titulo {
position:absolute;
top:8%;
left:6%;
width:15%;
height:25%;
background-color:#003366;
z-index:1;
}
Un Saludo