Entrar

Dando estilo a un Div

meigacelta · · Solicitar retirada
Hola buenas tardes, (cruzo los dedos para que estés por ahí Janeth).
Estoy en el Curso paso a paso de html - kit. Lección 2: Dando estilo a un Div.
En teoría debería a aparecer un fondo rosa en la frase escrita. Pero no aparece ningún color. Como si no reconociese la hoja de estilo. Lo he deshecho y vuelto a hacer; pero ná de ná.

Os pongo lo que tengo:

PLANTILLA.HTLM=

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html>
<head>
<title>Page title</title>
<link rel= "stylesheet" href="estilo-general.css" type="text/css" media="all">
</head>
<body>
<div id="cabezera">Bienvenidos a mi web</div>
</body>
</html>

ESTILO-GENERAL.CSS=
#cabecera {background-color: pink}


Amí me parece que está perfecto; aunque está claro que no es así porque no funciona :cry:

Si hay alguien por ahí en esta tarde de sábado, aquí estoy esperando una ayudita.

Muchos saludos para todos!!
Yaneth · · Solicitar retirada
<div id="cabezera">

#cabecera {background-color: pink}

ves la deferencia??????

cabezera
cabecera

:wink:
meigacelta · · Solicitar retirada
Otra vez muchas gracias.
Eres mi angel de la guarda informatico.

Aunque realmente mis dudas, son como para darme una colleja kósmica.

Muchísimas gracias, guapísima.
ehmola · · Solicitar retirada
Hola, buenas soy nuevo por aqui..... Empezado el curso el Curso paso a paso de html - kit. Lección 2: Dando estilo a un Div.

y me he quedado blokeado en este paso por que no consigo que aparezca el fondo rosa en la frase escrita, pongo lo que tengo :

estilo-gemeral.css

<div id="cabezera">

#cabecera {background-color: pink}

plantilla.htlm

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Page title</title>
<link rel="stylesheet" href="estilo-general.css" type="text/css" media="all">
</head>
<body>
<div id="cabecera">Bienvenidos a mi Web</div>
</body>
</html>

no entiendo por que no me sale la linea rosa.......
*Caleb* · · Solicitar retirada
El mismo error que meigacelta

estilo-gemeral.css

<div id="cabezera">

#cabecera {background-color: pink}

plantilla.htlm

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Page title</title>
<link rel="stylesheet" href="estilo-general.css" type="text/css" media="all">
</head>
<body>
<div id="cabecera">Bienvenidos a mi Web</div>
</body>
</html>

Sustituí "cabezera" por "cabecera"

Y la hoja de estilos se llama estilo-gemeral.css , mientras que en el index la ruta es estilo-general.css

Asi que corregí la que dice estilo-gemeral.css

Una letra de más, una de menos, un acento, un espacio o una mayúscula nos puede cambiar todo el resultado. Chequealo eso de tanto en tanto a medida que haces el curso

¿Entendés?