Pues eso, muy animado que voy, pero me he atascado, porque no me sale lo de poner fondo de página, en la primera lección. Lo he revisado todo, en algo he metido la pata.
No me sale,atascado en insertar imagen de fondo.
ya checaste el indice de preguntas frecuentes???
Aún no tengo ni idea porque no me sale el fondo que quiero, para empezar estoy hecho un lio y nose si debo poner ésto:
body {background-color: #E6E6FA ; background-image: url(objetos/fondo.png) ; background-repeat: no-repeat ; background-position: left bottom}
En la página del HTML-KIT, en el apartado de estilos, y no me pasa nada o sea que no consigo que salga, ¿que estoy haciendo mal?, porfa que alguien me ayude.
Gracias a todos
body {background-color: #E6E6FA ; background-image: url(objetos/fondo.png) ; background-repeat: no-repeat ; background-position: left bottom}
En la página del HTML-KIT, en el apartado de estilos, y no me pasa nada o sea que no consigo que salga, ¿que estoy haciendo mal?, porfa que alguien me ayude.
Gracias a todos
¿alguien me puede decir donde tengo que poner el tocho de:
body {background-color: #E6E6FA ; background-image: url(objetos/fondo.png) ; background-position: center center ; background-repeat: no-repeat ; height:100%; }
en "index.html o en "estilos.css," si es en "estilos.css" mp ,e sale nada de body ni head, ni nada, entonces que lo suelto del tirón allí o qué....
je je, a quedado con ésta pregunta, bien patente mi insuficiencia en el tema, verdad...je je
Gracias por todo.
saludos.
body {background-color: #E6E6FA ; background-image: url(objetos/fondo.png) ; background-position: center center ; background-repeat: no-repeat ; height:100%; }
en "index.html o en "estilos.css," si es en "estilos.css" mp ,e sale nada de body ni head, ni nada, entonces que lo suelto del tirón allí o qué....
je je, a quedado con ésta pregunta, bien patente mi insuficiencia en el tema, verdad...je je
Gracias por todo.
saludos.
Pedro Manuel escribió:¿alguien me puede decir donde tengo que poner el tocho de:Hola:
body {background-color: #E6E6FA ; background-image: url(objetos/fondo.png) ; background-position: center center ; background-repeat: no-repeat ; height:100%; }
en "index.html o en "estilos.css," si es en "estilos.css" mp ,e sale nada de body ni head, ni nada, entonces que lo suelto del tirón allí o qué....
je je, a quedado con ésta pregunta, bien patente mi insuficiencia en el tema, verdad...je je
Gracias por todo.
saludos.
Si usted lo dice, yo personalmente no tengo nada que objetar, pero no se preocupe, que le aseguro que "insuficiencia" hemos tenido todos, (que yo una vez tuve que llamar a un amigo para que me dijera cuál era el botón que tenía que pulsar para encender el ordenador), pero bueno, vamos al tema.
En el curso se enseña a crear una web.
Para eso se enseña que hay que crear una página a la que se le pone por nombre index.html, ahora para que esa página tenga color, que las letras sean de una forma, y para también , fuera de que tenga color de fondo, ponerle una imagen de fondo a esa página.
Pues para eso el curso enseña que hay que crear una hoja de estilo, a la que hay que ponerle como nombre -- estilo.css --
Es en esa hoja de estilo donde hay que decirle a la página (lo que hay entre la etiqueta <body> y </body> de su página, es el cuerpo de su página, o mejor es lo que es su pantalla del ordenador, todo lo que escriba entre esos dos códigos es lo que se va a ver en su pantalla), que por ejemplo el texto que uno escriba en la página esté centrado.
También en esa hoja de estilo se le puede decir que en la página haya un color de fondo.
También se le puede decir que tenga una imagen de fondo.
Y así un montón de cosas
O sea, la hoja de estilo es la que le dice a la pagina el cómo debe ser.
Por ejemplo, yo creo mi página index.html con las típicas etiquetas que tiene que tener.
<html>
<head>
<title>bla bla</title>
</head>
<body>
</body>
</html>
Eso es lo mínimo que tiene que tener una página, estará vacía, pero es una página.
Recuerde que lo que se pone entre <body> y </body> es lo que se va a ver en su pantalla, por tanto lo que habrá entre esas etiquetas es lo que llamaríamos el cuerpo visible de su página web.
Pues ahora lo que yo quiero es que los textos que yo escriba en mi página aparezcan centrados y no cargados a la izquierda
Pues para eso entonces es que creo una hoja de estilo.css, y allí en la hoja de estilo le pondré la directiva o la orden a la página de que quiero que los textos que escriba en la página index.html aparezcan centrados.
Así que en la hoja de estilo, en la primera línea escribo:
body{text-align:center;}
Luego voy a mi página index.html, la abro en modo código (osea para escribir en ella) y entre las etiquetas <body>y </body> escribo:
<body>Este texto que estoy escribiéndo quiero que aparezca centrado</body>.
Así que guardo y cierro mi página y luego la abro en el modo normal (o vista previa) para ver si lo que yo he escrito aparece centrado.
Pues veo que no, y es porque algo me faltó por hacer.
Claro... me faltó relacionar la pagina index.html con la hoja de estilo para que la página pueda recibir las órdenes de esa hoja de estilo.
Como a mi hoja de estilo le puse por nombre -- estilo.css --
lo que haré será abrir mi página index.html en el modo códigos, y yendo a la parte de arriba entre la etiqueta <head> y </head> escribiré el siguiente código:
<link rel="stylesheet"href="estilo.css"type="text/css"media="all">
Cosa que me quede más o menos así:
<html>
<head>
<title>bla bla</title>
<link rel="stylesheet"href="estilo.css"type="text/css"media="all">
</head>
<body>
Este texto que estoy escribiéndo quiero que me aparezca centrado
</body>
</html>
Ahora seguro que ya , al tener bien relacionada mi pagina index.html con la hoja de estilo que le corresponde a esa página index, entonces como digo, ya podré ver (cuando guarde , cierre mi pagina y la abra en vista previa o en normal), que el texto me aparece centrado.
Pues ahora yo quiero ponerle un color de fondo a esa página index, pues para eso vuelvo a la hoja de estilo y a continuación de donde dice: body{text-align:center;} pongo esta otra directiva: background-color:#E6E6FA;.
Cosa de que me quede así:
body{text-align:center;background-color:#E6E6FA;}
Por tanto cuando abra mi página index, el cuerpo (el body) tendrá ese color de fondo que corresponde a esas letras que puse después de la almohadilla.
Ahora si quiero poner una imagen de fondo en mi página index.
Primero pongo la imagen en la carpeta objetos, y luego voy a la hoja de estilo y a continuación debody{text-align:center;background-color:#E6E6FA;}, pongo background-image:url(objetos/fondo.jpg);.
Cosa de que me quede así:
body{text-align:center;background-color:#E6E6FA;background-image:url(objetos/fondo.jpg);}.
Luego si quiero que esa imagen quede centrada y que se repita por toda la página etc. etc., pues le seguiré poniéndo directivas a continuación de las ya puesta.
Ahora, para que lo tenga en cuenta.
La forma de poner los códigos en la pagina html, no es igual de como se ponen en la hoja de estilo, quiero decir que en la hoja de estilo, el body no tiene que ponerlo así: <body>
Sencillamente tiene que ponerlo así: body{etc. etc. etc.}
Ya nos dirá
Raulyure, muchas gracias por la explicación lo he entendido bien, de hecho me ha salido en el ejemplo y he conseguido que me quede todo centrado, ahora bien, lo que no tengo forma de que me salga es la de insertar un fondo. No logro colocar la imagen que quiero de fondo.
Muchisimas gracias por la explicación, me ha ayudado mucho, lo he entendido de maravilla, muy bien explicado.
Muchisimas gracias por la explicación, me ha ayudado mucho, lo he entendido de maravilla, muy bien explicado.
Yo donde estoy atascado es en el apartado "fondo de ejemplo" en el curso de paso a paso primera lección.
al final de ese apartado de "fondo de jemplo", se ve una imagen de Mozila firefox, que a mí no me sale. Y no consigo insertar la imagen elejida.
al final de ese apartado de "fondo de jemplo", se ve una imagen de Mozila firefox, que a mí no me sale. Y no consigo insertar la imagen elejida.
Pedro Manuel escribió:Yo donde estoy atascado es en el apartado "fondo de ejemplo" en el curso de paso a paso primera lección.
al final de ese apartado de "fondo de jemplo", se ve una imagen de Mozila firefox, que a mí no me sale. Y no consigo insertar la imagen elejida.
Hola:
Si gusta puede pulsar en este enlace de respuesta al mismo problema de la imagen de fondo.
Busque allí la respuesta que le di a otr@ usuari@
http://www.comocreartuweb.com/phpBB2/ftopic23393.html
Espero le sirva
Saludos
al igual que tu estoy con el mismo problema no consigo poner color ni imagen de fondo y quisiera que alguien pueda dar una solucion definitiva, yo he realizado varias veces las pruebas incluso desde cero total y siempre termino igual. agradezco alguien pueda ayudarnos. yo tengo esto asi : index.htm
<head>
<title>Pagina Principal del Ejemplo CCTW</title>
<link rel="stylesheet" herf="estilos.css" type="text/css"
media="all">
</head>
<body>
Bienvenidos a mi pagina web. Muy pronto estara lista!</p>
Pagina creada gracias aCCTW</p>
</body>
</html>
y en la de estilos.css
body {background-color: #E6E6FA ; background-image:url(objetos/fondo.png)}
y no sale ni color ni imagen de fondo ( tambien cambie la extencion de la imagen de png a jpg y nada)
<head>
<title>Pagina Principal del Ejemplo CCTW</title>
<link rel="stylesheet" herf="estilos.css" type="text/css"
media="all">
</head>
<body>
Bienvenidos a mi pagina web. Muy pronto estara lista!</p>
Pagina creada gracias aCCTW</p>
</body>
</html>
y en la de estilos.css
body {background-color: #E6E6FA ; background-image:url(objetos/fondo.png)}
y no sale ni color ni imagen de fondo ( tambien cambie la extencion de la imagen de png a jpg y nada)
Gracias por vuestra ayuda, porfin lo he conseguido, el fallo lo tenía en guardar la imagen, la había guardado en otro formato, en vez de jpg, así que animo a aquel que tenga mi problema, que valla a objetos y revise como guardo la imagen "fondo.jpg".
Gracias de nuevo a todos, ya sabréis de mí, en el siguiente atasco, je je
sigo el curso...
Gracias de nuevo a todos, ya sabréis de mí, en el siguiente atasco, je je
sigo el curso...
Hola, soy nuevo en este gran foro y me gustaria hacer mi primera aportación.
A muchos de vosotros como a mi, nos hemos quedado anclados con el problema del fondo, creo que el error reside en la extension del fondo, ya que si ponemos al fondo descargado "fondo.png" en realidad el archivo quedaria asi "fondo.png.gif", y por eso nos viene el error. Probad con "fondo.gif" o en todo el caso, pasar esa extension a jpg. Un saludo.
A muchos de vosotros como a mi, nos hemos quedado anclados con el problema del fondo, creo que el error reside en la extension del fondo, ya que si ponemos al fondo descargado "fondo.png" en realidad el archivo quedaria asi "fondo.png.gif", y por eso nos viene el error. Probad con "fondo.gif" o en todo el caso, pasar esa extension a jpg. Un saludo.