he visto que la mayoria batalla para poner la imagen de fondo les he puesto una imagen [contenido no disponible]
Uploaded with ImageShack.us [contenido no disponible]
si se fijan tengo abierto el index(en este caso se llama indice), la hoja de estilos, y el worksapace con la carpeta objetos abierta
primero debemos checar letra por letra que todo coincida
el nombre de la hoja de estilos, debe ser exactamente como lo ponemos en el "link rel .........." del index ya lo ubicaron (color rosa)????? no debe haber ninguna diferencia, ni de mayusculas ni de espacios en blanco, todo debe estar igual
si esto està bien, entonces debemos ver el color de fondo sin problemas y ya es un gran avance
luego vamos con la imagen
si se fijan el el workspace, ahi està el nombre de la carpeta (objetos) y dentro el nombre de la imagen de fondo, ahi debemos ver como es que se llama realmente nuestra imagen en mi captura verán como mi imagen se llama fondo.png.jpg (color amarillo)
deben ser exactamente igual como lo indicamos en la hoja de estilos "background-image:........../......."
al igual, no debe haber diferencia, ni de mayusculas y minusculas, ni de espacios en blanco, ni de extenciones ya que tambien es un fallo comun cuando guardamos la imagen de ejemplo en el curso
[contenido no disponible]
dice Nombre y tipo cabe aclarar que la extencion de las imagenes se pone automaticamente, si nosotros donde dice Nombre le ponemos asi fondo.png estamos duplicando la extencion y entonces nos quedaria asi
fondo.png.png,
por eso siempre aclaro que deben ponerlo tal y como lo vemos en la carpeta del workspace
ya con esto no deben tener nigun problema
si aun asi, no lo consiguen, para ayudarlos, necesitamos ver una imagen parecida a la que les muestro, dicen que 4 hojos ven mejor que 2, y en este caso no son 4, son miles jejejej
pd.. gracias a Raul, por recordarme lo de las extenciones y por la ayuda brindada, espero no haberlos enredado mas ejejeje saludos a todos
El fondo aparecio despues de un rato, en cuanto a la imagen de fondo funciona con algunas y con otras no pero no se porque, tal vez el programa tiene algun truco o falla
hola, no,, no veo ningun error, salvo que no guardaste la hoja estilos.css
recuerda siempre debes guardar los cambios antes de hacer vista previa en html
supongamos que tienes abierta html y css al mismo tiempo html, la tienes en vista previa, y css en codigo... si modificas css, debes guardarlo para ver los cambios en el html peeero como el html lo tienes en vista previa, debes... primero pasar a codigo, luego a preview, solo asi veras los cambios....
En la seccion "Ejemplos con Divs", cuando llega la leccion de introducir el color de fondo de la web, escribo el codigo en "index.html" para relacionar con la hoja de estilos CSS = <html> <head> <title>Pagina Principal del Ejemplo CCTW</title> <link re="stylesheet" href="estilos.css" type="text/css" media="all"> </head> y guardo, luego en la hoja de estilos CSS escribo el codigo= body {background-color: #1E90FF} y guardo, el problema es que cuando buelbo a abrir el "index.html" y le doy a previsualizar, mi fondo de pagina no a cambiado de color, sigue en blanco. No se si estoy haciendo algo mal o se me a escapado algun detalle. ¿Ustedes que creen en lo que puedo estar fallando?. Mi navegador es firefox, por si sirve el dato de algo.
Buenas tardes (Mexico), buenos dias (España), yo solo quiero compartirles mi comentario sobre las imagenes, tambien me paso lo mismo, me meti al foro y estuve leyendo todos los comentarios, me fui a mi pagina la revise y efectivamente el error era que la extension la tenia en minusculas y el archivo en mayusculas, (logotipo.JPG este es el nombre del archivo y yo lo habia puesto en codigo como logotipo.jpg) por eso no lo podia visualizar las imagenes. Quiero agradecer a "Comocreartuweb.com" por estos tutoriales tan amigables, ya estoy fabricando mi web, muchas gracias.
Hola, ante todo agradeceros y felicitaros por vuestra pagina web. La verdad es que estoy muy ilusionada, llevo dos dias "enganchada" a el "paso a paso" Pero tengo un problema y es la dichosa imagen de fondo, antes de escribir he estado visitando otros temas, aver si encontraba solucion a mi problema,hago todo lo que indicais y no logro conseguirlo. Os dejo una foto de la hoja de estilo. Gracias de antemano y espero respuesta por favor, me tiene desesperada!! [contenido no disponible]
Perdon crei que al pinchar saldria mas grande. He intentado poner la imagen mas grande.Pincha en la imagen aver si se ve mejor. [contenido no disponible]
se mira el color de fondo??? solo para comprobar que la hoja de estilos si está obedeciendo las ordenes de html
si el color de fondo lo miras bien intenta ponerle de fondo cualquier otra imagen que tienes en la carpeta objetos (para comprobar que no es la imagen la que está dañada)
body {background-color:#FFE4E1;background-image:url(objetos/buzon.gif);background-position:center center;} img{ border-style: none;} .centrado{text-align:center;}
Gracias! si el color de fondo que he elegido sale. He echo lo que dices de cambiar la imagen. He puesto la que has indicado background-image:url(objetos/buzon.gif) y esta si que me sale. lo voy a intentar con otra de las imagenes que ponen en el ejemplo aver si funciona. Gracias
La imagen que puse de buzon si me salio. Pero he copiado otra de "la galeria de imagenes" que teneis y no me sale. En las instrucciones pone COPIAR LA IMAGEN(de vuestra galeria) y yo le doy a copiar imagen pero luego no me sale para pegarla a la carpeta,entonces la guardo como: guardar como....Puede ser eso??? Esto puede conmigo!!
solo una cosa en el curso te dicen que le pongas de nombre fondo.png
aqui hay un pequeño error puedes cambiarle el nombre a cualquier imagen, pero no la extencion
asi que, si quieres que se llame fondo, cuando das guardar como, solo ponle fondo, la extencion ya la tiene por defecto solo debes ver cual es (gif, png, jpg,)
yo estoy iniciando el curso, por cierto excelente, me tope con el problema de muchos aqui, en el curso pusieron un link de descargas de fondos dandole clic derecho y guardar como..., bien me descargue muchos de alli y no me funcionaba hasta que mejor descargue una imagen por mi propia cuenta que tuviera ya la extencion PNG y alli si me lo reconoci.
ahora bien tengo una duda, he visto que a ustedes en su pantalla de HTML-kit, en la carpeta "objetos" les aparece el signo + y les da la opcion de ver su contenido (que hasta el momento son solo imagenes) porque a mi no me permite ver lo que esta dentro de esa carpeta?? osea porque en la pantalla del HTML-kit no me despliega el contenido?? sabiendo yo que tengo imagenes alli??
hola! yo tambien acabo de empezar con el curso, y como no encuentro un tema relacionado con mi problema os lo dejo aki, a ver si m podeis ayudar. vereis estoy enlazando mi e-mail con la imagen del buzon y se supone que en la vista previa este tiene que aparecer subrayado en azul, pero ami no. tengo puesto esto:<p><img alt="pulsa para enviarme un e-mail" src="objeto/buzon.gif" height="32" width="32" /><a href="mailto:v................hotmail.es"></a></p>. a ver si me podeis ayudar. gracias
xiki89 escribió:hola! yo tambien acabo de empezar con el curso, y como no encuentro un tema relacionado con mi problema os lo dejo aki, a ver si m podeis ayudar. vereis estoy enlazando mi e-mail con la imagen del buzon y se supone que en la vista previa este tiene que aparecer subrayado en azul, pero ami no. tengo puesto esto:<p><img alt="pulsa para enviarme un e-mail" src="objeto/buzon.gif" height="32" width="32" /><a href="mailto:v................hotmail.es"></a></p>. a ver si me podeis ayudar. gracias
creo que no, creo que lo que te tiene que aparecer es la imagen del buzon dentro de un cuadro azul
xiki89 escribió:hola! yo tambien acabo de empezar con el curso, y como no encuentro un tema relacionado con mi problema os lo dejo aki, a ver si m podeis ayudar. vereis estoy enlazando mi e-mail con la imagen del buzon y se supone que en la vista previa este tiene que aparecer subrayado en azul, pero ami no. tengo puesto esto:<p><img alt="pulsa para enviarme un e-mail" src="objeto/buzon.gif" height="32" width="32" /><a href="mailto:v................hotmail.es"></a></p>. a ver si me podeis ayudar. gracias
Hola, está bien, es como debe aparece, sin el recuadro azul, me había quedado así y ahora lo vuelvo a mirar y está de vuelta con azul! jajaja... asi que voy a revisar q hay mal, yo tengo problemas con la imagen de fondo, no me queda una sola imagen centrada, la mía se repite en toda la página.. :( Bueno, suerte!!
Cookies
Usamos cookies necesarias y, si lo autorizas, Google Analytics. Puedes cambiar tu elección cuando quieras.
