Entrar

Problemas con capas.Lección 2ª.

Amanel · · Solicitar retirada
Hola.saludos a tod@s
Tengo problemas.He escrito en mi plantilla.html el código para relacionar el archivo con estilo-general.css.En este último archivo he escrito:#cabecera {background-color: pink }.He guardado los cambios,pero no me sale lo del texto con un fondo rosa.Alguien me puede ayudar?Dejo los correspondientes códigos.Gracias

Este es el código de la plantilla.html:

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

<html>
<head>
<link rel="stylesheet" href="estilo-general.css" type="text/css" media="all">





<title>Page title</title>
</head>
<body>
<div id="cabecera">Bienvenidos a mi Web</div>


</body>
</html>

Y este el de la hoja de estilo-general.css:

#cabecera {background-color: pink }
manmanu · · Solicitar retirada
Hola Amanel,
bienvenid@.

A mí si me funciona.
Asegurate que tú archivo sea el mismo nombre que el de tu hoja html.
estilo-general.css


Copia y pega en un archivo de texto, renombralo html y lo ejecutas.
<style type="text/css">

#cabecera {background-color: pink }

</style>



</head>
<body>
<div id="cabecera">Bienvenidos a mi Web</div>

</body>

Luego nos dices si lo solucionaste.

Saludos manmanu
manmanu · · Solicitar retirada
Hola Amanel,

te sugiero que revises el nombre de tú hoja de estilos, si coinciden.
Luego tambien es posible que la hoja de tú CSS "estilo-general.css", se encuentre en otro sitio.
Según tienes la hoja Html, la hoja CSS, tiene que estar al lado del index.html, y no guardada en otro archivo.
Asegurate..!!!

A tú pregunta en el mp,

Si, tienes que copiar para la comprobación que te escribo, en un archivo block de notas, luego lo cierras con el nombre que sea, no importa el nombre, pero si la extensión que al cerrar se queda elnombrequesea.txt.
Bueno ahora clic con el ratón derecho y elige cambiar de nombre, y lo dejas como te lo pongo elnombrequesea.html, aparece una ventana advirtiendote que al cambiar la extensión bla,bla,bla, dile que sí y aceptas.
Automáticamente el archivo cambia el icono, aparece similar al diseño del navegador que tienes en tú PC como predeterminado.

Bien..!!! ahora ajecutalo, y veras tu texto y background pink.
Esto que te pongo es posible que lo útilices en otras ocasiones, y para posibles comprobaciónes, todos lo hacemos, es una forma de ver algo en el navegador con la mayor rapidez.

Bueno, poco a poco, no te agobies, si tienes dudas !!! llama..!!!
aahh..!!! no te olvides de mirar en donde está la hoja de estilos, ponla al lado del index.

Saludos manmanu