Entrar

Dando estilos a un Div

boonitaaa · · Solicitar retirada
Buenas noches al Foro: quería preguntarles, si al colocar lo siguiente en el archivo estilo-general.css , de acuerdo al ejemplo del curso paso por paso:

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

#cabecera {background-color: pink }

Cuando coloco preview, en el archivo de plantilla.htlm.

De acuerdo con las instrucciones debería tener un color rosado, o estoy equivocada? porque a mi me aparece blanco (normal) sin color.

Agradezco a quien me pueda ayudar. :)
marcouam · · Solicitar retirada
<head><link rel="stylesheet" href="estilo-general.css" type="text/css"
media="all"></head>

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


#cabecera {background-color: pink }
#cabecera {background-color:pink}

pues no encuetro el error , a menos que me digas que tienes problemas con los otros colores esto es que la linea <link rel="stylesheet" href="estilo-general.css" type="text/css" media="all">
estaria mal, en este caso seria la colocacion de la linea o ke tiens mal el nombre de estilo-general.css , quiero decir que le pones como en el ejemplo pero en tu carpeta local tienes algo asi como estilos-generales o estilos general algo asi :shock: si no ve con un sacerdote y explicale tu situacion 8)
boonitaaa · · Solicitar retirada
Marcouam, gracias por tu ayuda, pero revisé el nombre de estilo-general.css con el de la carpeta local y es el mismo, alli no debe estar el error.

Janeth los datos completos son en plantilla.html:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html>
<head>
<title>Page title</title>
</head>
<body>
<div>Bienvenidos a mi Web</div>

</body>
</html>

Los datos de estilo-general.css son:

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

#cabecera {background-color: pink }

Por favor Janeth revisalo y me dices si puedes ver el error

Te agradezco de antemano
yeisser · · Solicitar retirada
<head><link rel="stylesheet" href="estilo-general.css" type="text/css" media="all"></head> borra ese codigo de estilo-general.css y pon este en la plantilla.html:<link rel="stylesheet" href="estilo-general.css" type="text/css" media="all">

y el godigo de la plantilla tiene que quedarte hasí:

<!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>Bienvenidos a mi Web</div>

</body>
</html>


Yeisser
Yaneth · · Solicitar retirada
Asi es, yeisser te ha dicho bien,

asi te tiene que quedar la plantilla

en la hoja de estilos simplemente esto:

#cabecera {background-color: pink }

saludos
boonitaaa · · Solicitar retirada
Gracias a Yeisser y janeth por sus respuestas, pero corregí lo que me indicaron y sigo sin poder ver el color rosado que deberia aparecer en el archivo de plantilla.html.
Luego de aplicar las correcciones ambos archivos quedaron del siguiente modo:

Platilla.html:

<!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>Bienvenidos a mi Web</div>


</body>
</html>

estilo-general.css:

#cabecera {background-color: pink }

Agradezco lo que me puedan decir al respecto
=FeMe= · · Solicitar retirada
boonitaaa escribió:Gracias a Yeisser y janeth por sus respuestas, pero corregí lo que me indicaron y sigo sin poder ver el color rosado que deberia aparecer en el archivo de plantilla.html.
Luego de aplicar las correcciones ambos archivos quedaron del siguiente modo:

Platilla.html:

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

Agradezco lo que me puedan decir al respecto

El error es por que tenes que indicarle a la capa que debe llevar las caracteristicas de cabezera, osea tenes que agregarle un id="cabezera" como lo que te marque en rojo.
yeisser · · Solicitar retirada
=FeMe= escribió:
boonitaaa escribió:Gracias a Yeisser y janeth por sus respuestas, pero corregí lo que me indicaron y sigo sin poder ver el color rosado que deberia aparecer en el archivo de plantilla.html.
Luego de aplicar las correcciones ambos archivos quedaron del siguiente modo:

Platilla.html:

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

estilo-general.css:

#cabecera {background-color: pink }

Agradezco lo que me puedan decir al respecto

El error es por que tenes que indicarle a la capa que debe llevar las caracteristicas de cabezera, osea tenes que agregarle un id="cabezera" como lo que te marque en rojo.


debes poner cabecera con c no con z


Saludos
Rosangela · · Solicitar retirada
Buenas, el problema que tengo es que no me salen los colores en los div y hago exactamente lo que me dice porque copio y pego, me podrian decir que sera, lo mismo me pasa con la imagen de fondo, no me aparece... Gracias.
Rosangela · · Solicitar retirada
Necesito ayuda con estilogeneral.css, yo hago todo lo que me dice y no hace la aplicacion, osea no aparece nada, figense: yo lo tengo asi....

body {text-align: center}
#global {width:800px ; margin: 4px auto }
#cabecera {background-color: pink }
#navegacion {background-color: gray }
#contenido {background-color: orange}
#menu {background-color: yellow; width: 150px ; float:left }
#pie {background-color: brown}

Y nada de esto aparece en mi planilla.html cuando pongo vista preliminar.
necesito que me ayuden por favor.
pedrocuenca · · Solicitar retirada
En la plantilla entre <head> y </head> tienes que poner la ruta de la hoja de estilos, verifica en nombre que le has puesto a la hoja, y pon el mismo nombre

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