hola soy nueva y no he podido poner la imagen

el index htm se ve asi
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html>
<head>
<title>pagina principal de ejemplo cctw</title>
<link rel="stylesheet" href="estilos.css"type="text/css"media="all">
</head>
<body>


Bienvenidos a mi pagina web muy pronto estara lista</p>


pagina creada gracias a cctw</p>

</body>
</html>
y la de estilos.css se ve asi
body{background-color:#E6E6FA;background-image:url(objetos/fondo.png);background-position:center center;background-repeat:no repeat;heigth:100%;}
por fa ayudenme, el tema es muy interesante y quisiera avanzar lez agradezco
PAOLA GONZALEZ
Hola;
1.e leeido tu codigo en la hoja de estilo y veo te falta el #(no se si lo tienes o lo copiaste si eso)
2.body{background-color:#E6E6FA;background-image:url(objetos/fondo.png);background-position:center center;background-repeat:no repeat;heigth:100%;}

Se repite center.
3.La imagen tiene que tener un tamaño considerado ya que no la repites..
4.*.png es difisil de interpretarlo segun e leeido, fijate cambiandolo a *.gif o *.jpg

Saludos
Hola;
1.e leeido tu codigo en la hoja de estilo y veo te falta el #(no se si lo tienes o lo copiaste si eso)
2.body{background-color:#E6E6FA;background-image:url(objetos/fondo.png);background-position:center center;background-repeat:no repeat;heigth:100%;}

Se repite center.
3.La imagen tiene que tener un tamaño considerado ya que no la repites..
4.*.png es difisil de interpretarlo segun e leeido, fijate cambiandolo a *.gif o *.jpg

En realidad, me gustaría corregir un par de cositas piojo91 :wink:

1: No es un problema, ya que la etiqueta "body" en el css no debe estár precedida de la almohadilla (#)

2: El center repetido es correcto, ya que al ponerlo 2 veces le dices a la imagen que vertical y horizontalmente esté centrada :wink:

No es de mala fe, es para que aprendamos todos :wink:

En cuanto a tí, Sandra, debes intentar o cambiar la extensión de la imagen como dijo Piojo, o agregarle por segunda vez la extensión al codigo, como para que quede así:

body{background-color:#E6E6FA;background-image:url(objetos/fondo.png.png);background-position:center center;background-repeat:no repeat;heigth:100%;}

Es que la imagen se llama fondo, y tu al guardarla, probablemente le pusiste de nombre fondo.png y como ya tenía la extensión, el nombre queda asi: fondo.png.png

Para que te des cuenta, lo rojo es el nombre que le pusiste vos, lo verde la extensión verdadera :wink:

Disculpame por semejante mensaje jaja Saludos :wink:
Deathly Sanke gracias, no sabia que al poner dos center se centraba así. xD!

Saludos
esto de ser nueva es complicado :shock: ya se ve la imagen, pero ahora no me queda centrda ocupa toda la bendita hoja

mi pagina index html se ve asi

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

<html>
<head>
<title>pagina principal de ejemplo cctw</title>
<link rel="stylesheet" href="estilos.css"type="text/css"media="all">
</head>
<body>


Bienvenidos a mi pagina web muy pronto estara lista</p>


pagina creada gracias a cctw</p>

</body>
</html>

y mi pagina de estilos asi

body{background-color:#E6E6FA;background-image:url(objetos/fondo.png);background-position:center center;background-repeat:no repeat;heigth:100%;}

agradezco me puedan ayudar
PAOLA GONZALEZ
SANDRA PAOLA GONZALEZ escribió:esto de ser nueva es complicado :shock: ya se ve la imagen, pero ahora no me queda centrda ocupa toda la bendita hoja

mi pagina index html se ve asi

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

<html>
<head>
<title>pagina principal de ejemplo cctw</title>
<link rel="stylesheet" href="estilos.css"type="text/css"media="all">
</head>
<body>


Bienvenidos a mi pagina web muy pronto estara lista</p>


pagina creada gracias a cctw</p>

</body>
</html>

y mi pagina de estilos asi

body{background-color:#E6E6FA;background-image:url(objetos/fondo.png);background-position:center center;background-repeat:no repeat;heigth:100%;}

agradezco me puedan ayudar
Hola:
donde dice no repeat pruebe ponerle un guión, que diga no-repeat
Y ponga también una directiva que diga text-align:center
Mas o menos así:
body{text-align:center;background-color:#E6E6FA;background-image:url(objetos/fondo.png);background-position:center center;background-repeat:no-repeat;heigth:100%;}
Saludos
Agradecido de los que aprenden enseñando
vuelvo a molestar, mi parrafo no se centra :evil:
mi pagina index html es la siguiente :oops:

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

<html>
<head>
<title>pagina principal de ejemplo cctw</title>
<link rel="stylesheet" href="estilos.css"type="text/css"media="all">
</head>
<body>
<p class = "centrado">Bienvenidos a mi pagina web. muy pronto estara lista¡</p>


[contenido no disponible]</p>


pagina creada gracias a cctw</p>


[correo eliminado]</p>
</body>
</html>

y mi pagina de estilos es la siguiente :roll:

body{text-aling:center;background-color:#E6E6FA;background-image:url(objetos/fondo.png);background-position:center center;background-repeat:no-repeat;heigth:100%;}
img{border-style:none}
.centrado{text-aling:center}

agradezco la ayuda
PAOLA GONZALEZ
<p class = "centrado">Bienvenidos a mi pagina web. muy pronto estara lista¡</p>

ponele solamente <P align=center>
Me olvide las comillas""
<P align="center">

EDIT:= Sin las comillas me funciona :roll:
SANDRA PAOLA GONZALEZ escribió:vuelvo a molestar, mi parrafo no se centra :evil:
mi pagina index html es la siguiente :oops:

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

<html>
<head>
<title>pagina principal de ejemplo cctw</title>
<link rel="stylesheet" href="estilos.css"type="text/css"media="all">
</head>
<body>
<p class = "centrado">Bienvenidos a mi pagina web. muy pronto estara lista¡</p>


[contenido no disponible]</p>


pagina creada gracias a cctw</p>


[correo eliminado]</p>
</body>
</html>

y mi pagina de estilos es la siguiente :roll:

body{text-aling:center;background-color:#E6E6FA;background-image:url(objetos/fondo.png);background-position:center center;background-repeat:no-repeat;heigth:100%;}
img{border-style:none}
.centrado{text-aling:center}

agradezco la ayuda
Hola:
Realmente la palabra es align usted ha puesto parece ser aling, pruebe poner bien esa palabra
Saludos
Agradecido de los que aprenden enseñando
no veo el titulo con rosado

mi plantilla html se ve asi

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


y mi pagina de estilo-genral.css se ve asi

#cabecera{background-color:pink}

:roll: :roll: :x
PAOLA GONZALEZ
Gracias Raulyure ya lo logre con tu ayuda ahora me da pena pero tengo otro problema puedes ayudarme ya lo habia escrito pero te vuelvo a enviar la informacion :D

No me queda rosado en el titulo de mi pagina plantilla html

se ve asi :shock:

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


y mi pagina de estilo general.css se ve asi

#cabecera{background-color:pink}


:twisted: :twisted:
PAOLA GONZALEZ
hola

primero debes confirmar que te està reconociendo la hoja de estilos

checa que se llama exactamente como lo indicas en la linea

<lin rel..........>

saludos
?????????
yaneth no te entiendo, la informacion que vez en las paginas corresponde a lo que tengo y esos son los datos
PAOLA GONZALEZ
<div id ="cabecera">Bienvenidos a mi web</div>

Elimina el espacio que hay entre "id" Y "=" para que quede asi:

<div id="cabecera">Bienvenidos a mi web</div>

Saludos!
SANDRA PAOLA GONZALEZ escribió:Gracias Raulyure ya lo logre con tu ayuda ahora me da pena pero tengo otro problema puedes ayudarme ya lo habia escrito pero te vuelvo a enviar la informacion :D

No me queda rosado en el titulo de mi pagina plantilla html

se ve asi :shock:

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


y mi pagina de estilo general.css se ve asi

#cabecera{background-color:pink}


:twisted: :twisted:
Hola:
Partiremos con la premisa de que usted tiene en su escritorio una carpeta que se llama "mis-web", dentro de esa carpeta tiene otra que se llama "web-ejemplo-cctw", y dentro de esa carpeta "web-ejemplo-cctw" usted tiene un archivo que se llama index.html (o página que se llama index.html) y también tiene una hoja de estilo que se llama estilo.css, también tiene una página que se llama plantilla.html y una hoja de estilo que se llama estilo-general.css, seguramente también tiene una carpeta que se llama objetos, pero esa por ahora no nos preocupa.
Cuando un color de fondo de una página no se muestra , pueden ser varias cosas, la mas común es la de que esté mal relacionada la página con la hoja de estilo, uno en la página crea las capas, pero en la hoja de estilo es donde uno le pone el ancho el alto etc.etc. y el color de fondo a esa capa, pero para que la página reciba la orden que le da la hoja de estilo, debe haber algo como un puente que las una de alguna manera, ese puente se pone en la página, ¿cómo se pone?. Pues con ese link rel.
Digamos que link rel significa "enlace relacionado" o sea que esa página está relacionada con algo, ¿con qué está relacionada? pues con una hoja de estilo, por eso se pone también (en inglés) stylesheet, o sea hoja de estilo, ¿pero con qué hoja de estilo? Pues con una que se llama estilo-general.css. Bueno lo demás ya lo va comprendiendo, así que trataremos de ver lo que está pasándo. Yaneth le decía que chequeara o revisara que coincidieran exactamente los nombres, o sea si cuando creó su hoja de estilo y la llamó estilo-general.css pues en donde pone <link rel="stylesheet"href="estilo-general.css"type="text/css"media="all">
debiera de coincidir el nombre de su hoja de estilo con lo que escribe en ese link rel (donde dice (estilo-general.css).
Fuera de todo eso, imaginemos que lo tiene todo escrito bien, entonces nos queda revisar si por casualidad usted en alguna parte de su página (donde ha puesto ese link rel etc. etc. etc. haya puesto algún espacio que no debiera de ir, sería bueno que revisara eso y que mejor lo ponga todo junto, excepto donde dice link rel que son dos palabras separadas.
También vea donde puso ese <div id="cabecera"> La única separación es lo que dice <div id lo demás va todo junto.
Revise en su hoja de estilo si hay algún espacio entre la almohadilla (#) y el nombre de la capa, deben ir también juntos
Aunque he copiado los códigos que usted ha puesto en el mensaje , he creado una hoja de estilo-general.css y una página, y a mi me aparece esa capa cabecera con el color rosa.
Revise si es posible, todo eso, y ya veremos otra solución si es que no se arregla.
Saludos
Agradecido de los que aprenden enseñando
RAUYLURE muchas, gracias ya te entendi el asunto y me faltaba unas comillas. Es que soy nueva en este cuento es decir muy nueva, pero el curso me agrada muchisismo y me me encanta la idea de aprender gracias :lol: :lol: :D
PAOLA GONZALEZ
SANDRA PAOLA GONZALEZ escribió:RAUYLURE muchas, gracias ya te entendi el asunto y me faltaba unas comillas. Es que soy nueva en este cuento es decir muy nueva, pero el curso me agrada muchisismo y me me encanta la idea de aprender gracias :lol: :lol: :D
Hola:
Usted no se preocupe que de alguna manera u otra, todos somos nuevos, y más yo, cualquier duda por insignificante que le parezca, no se la guarde, que siempre habrá alguien que pueda saber y coooperar
Saludos