En primer lugar quisiera dar la enhorabuena al creador de esta web, por brindarnos la oportunidad de poder aprender esto del "diseño web" de forma tan amena y cercana (a diferencia de otros sitios!!). También a todos los admins del site y los que ayudáis en el foro por hacer de éste un lugar tan interactivo y provechoso.
Dicho esto, a ver si alguien podría ayudarme con la imagen de fondo. He leído un montón de posts similares a los míos, así que supongo que es algo habitual tener este problemilla. He probado de todo, con jpg, con png, con varios fondos... y no hay manera. Os dejo las líneas del código a ver si sois capaces de ver algo erróneo, yo ya no sé que más hacer...también he probado en un pc diferente y no se vé.
...Ah! por cierto, deciros que la hoja de estilos conecta perfectamente, de hecho no tengo problemas con el color de fondo.
HOJA DE .HTML (yo uso el bloc de notas): <!DOCTYPE html> <html lang="es"> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <title>Paginilla de prueba</title>
</head> <body> <h1>PONIENDO A PRUEBA LOS CONOCIMIENTOS!!</h1> </body>
</html>
Y ESTA ES LA HOJA DE ESTILOS .CSS: body { margin-top:10px ; margin-bottom:10px; margin-left:100px;margin-right:100px; color:blue;background-image:url(imagenes/fondo017.png); background-color:#E6E6FA ;}
Por otra parte, la ruta url creo que es la correcta, y no hay diferencia entre mayúsculas o minúsculas ni cosas por el estilo. Por que, en cuanto a la URL, no hace falta poner toda la ruta (C:\Users\pc\Documents\pc\Diseño Webs\Prediseño\imagenes...), sino desde donde está alojada la web, verdad??
Hola lacoluco, a mi también me mola esta pagina, aprendo bastante pero cuando cuanto un problema no se que pasa que no contestan a mis mensajes. He dejado ya tres por lo menos...bueno como a mi me pasa algo parecido que a ti a ver si te puedo ayudar, que creo que se porque no se te ven las imagenes. Primero decirte que te recomiendo que lo hagas a través del programa html, es mas cómodo y trabajas mas rápido. Yo empece también con bloc de notas y con html me fue mejor. Prueba con esto:
Borra tu link rel y copia y pega este en el archivo index.html
Tampoco se me veían antiguamente porque la carpeta donde tenia guardada las imágenes a la que tu llamas "imágenes" la tenia dentro de otra carpeta, la cual esa carpeta estaba dentro de otra, no se si me entiendes...por ejemplo desde el escritorio tenia:carpeta 1, dentro de carpeta 1 tenia carpeta 2 y dentro de la 2 tenia le 3 que es donde tenia las imágenes entonces la 3 que seria "imágenes" la tuve que sacar a la 2 para que al poner url:imágenes/fondo...etc. me funcionaran las imágenes en la web lo entiendes? de hecho cuando pones en el mensaje "no hace falta poner toda la ruta (C:\Users\pc\Documents\pc\Diseño Webs\Prediseño\imagenes...), sino desde donde está alojada la web, verdad??" NO es que no haga falta...si no que si pones toda la ruta directamente la web no te va a reconocer las imágenes, solo tienes que poner el nombre de la carpeta donde tienes la imagen y el nombre de la imagen, ¡como lo tienes ya puesto!....esto de las webs tiene una tela que flipas...un saludo espero a verte ayudado, espero tu contestación.
Hola lacoluco, a mi también me mola esta pagina, aprendo bastante pero cuando cuanto un problema no se que pasa que no contestan a mis mensajes. He dejado ya tres por lo menos...bueno como a mi me pasa algo parecido que a ti a ver si te puedo ayudar, que creo que se porque no se te ven las imagenes. Primero decirte que te recomiendo que lo hagas a través del programa html, es mas cómodo y trabajas mas rápido. Yo empece también con bloc de notas y con html me fue mejor. Prueba con esto:
Borra tu link rel y copia y pega este en el archivo index.html
Tampoco se me veían antiguamente porque la carpeta donde tenia guardada las imágenes a la que tu llamas "imágenes" la tenia dentro de otra carpeta, la cual esa carpeta estaba dentro de otra, no se si me entiendes...por ejemplo desde el escritorio tenia:carpeta 1, dentro de carpeta 1 tenia carpeta 2 y dentro de la 2 tenia le 3 que es donde tenia las imágenes entonces la 3 que seria "imágenes" la tuve que sacar a la 2 para que al poner url:imágenes/fondo...etc. me funcionaran las imágenes en la web lo entiendes? de hecho cuando pones en el mensaje "no hace falta poner toda la ruta (C:\Users\pc\Documents\pc\Diseño Webs\Prediseño\imagenes...), sino desde donde está alojada la web, verdad??" NO es que no haga falta...si no que si pones toda la ruta directamente la web no te va a reconocer las imágenes, solo tienes que poner el nombre de la carpeta donde tienes la imagen y el nombre de la imagen, ¡como lo tienes ya puesto!....esto de las webs tiene una tela que flipas...un saludo espero a verte ayudado, espero tu contestación.
hola chavales! Me parece alvaro20 que asi no te has explicado muy bien! Existen rutas absolutas y rutas relativas. Las absolutas, como su nombre indica, hacen referencia a un archivo o carpeta desde la raiz (mis documentos esta en la ruta absoluta c:/users/nombre de usuario/documents). Las rutas relativas hacen referencia a un archivo o carpeta desde la carpeta en la que te encuemtres. (si estas en c:/ por ejemplo, mis documentos estara en la ruta relativa /users/nombre de usuario/documents) Fijaros que la absoluta siempre empezais con la letra de la unidad. Sabiendo esto solo os queda saber que la ruta relativa desde index.html (suponiendo que está en mis documentos) hasta la carpeta imagenes (suponiendo que esta en c:) será ../../../imagenes. Los ../ significa bajar un nivel (o ir a la carpeta padre) Espero haberme explicado. Yo siempre uso relativas. Creo una carpeta con el nombre de la pagina, y dentro creo el index.html y las carpetas imagenes, css, etc. Si usais esta estructura la ruta relativa sera /imagenes/nombre de la imagen.jpg
P.d. No entiendo los margin del body. Me da la impresion que quieres el body centrado, pero para eso basta con poner margin: 10px 0px auto. Asi te guarda por arriba y por abajo 10px, y centra el body
Si, tienes razón existen rutas absolutas y relativa pero las que se suelen utilizar por defecto son las relativas, porque es mas cómodo. Eso no quita el problema que me pasaba a mi con las imágenes, no se porque razón me pasaba eso que ya he explicado en el comentario anterior ":carpeta 1, dentro de carpeta 1 tenia carpeta 2 y dentro de la 2 tenia le 3 que es donde tenia las imágenes entonces la 3 que seria "imágenes" la tuve que sacar a la 2 para que al poner url:imágenes/fondo...etc. " Para que me reconociera la ruta relativa, a lo mejor es porque he hecho algún proceso mal, pero si tenia la carpeta objetos dentro de 2 carpetas padre cuando ponía "url:objetos/fondo.gif" no me reconocia la imágen. Si es cierto que me equivocado al poner "de hecho cuando pones en el mensaje "no hace falta poner toda la ruta (C:\Users\pc\Documents\pc\Diseño Webs\Prediseño\imagenes...), sino desde donde está alojada la web, verdad??" NO es que no haga falta...si no que si pones toda la ruta directamente la web..." porque eso efectivamente es la ruta absoluta ahí si que me equivocado, un saludo.
igual es que tengo sueño y no me entero. Si tienes "carpeta 1", dentro tienes index.html y "carpeta 2" y dentro de esta ultima tienes "carpeta 3" siendo la 3 la que contiene las imagenes, la ruta relativa seria /carpeta 2/carpeta 3/nombre de la imagen.jpg. No existe lugar a dudas, si la etiqueta esta bien escrita (logicamente si sobra un parentesis o faltan los 2 puntos no funcionaria bien) si o si se tiene que ver. Otra cosa es que hallan espacios o guiones en el nombre, podria llevar a confusion. Ahora mismo no se me ocurre ninguna razon que haga que no se vea la imagen excepto la ya comentada. Te invito a que hagas la prueba, veras que no falla
Acabo de pensar... Si el archivo css esta en la carpeta "css" o "estilos", la ruta seria distinta. La ruta relativa hace referencia desde el archivo que la contiene, por lo que en el caso de estar en la carpeta "css" la ruta pasaria a ser (en mi ejemplo) ../carpeta 2/carpeta 3/nombre de la imagen.jpg (los "../" llevarian de "css" a "carpeta 1"
Deciros que antes de ayer pude solucionar mi dichoso problema de las imágenes de fondo...(que por cierto un poco más más y me da algo de la alegría, no exagero!!). Efectivamente era una estupidez, pero claro, hasta que lo sacas te vuelves loco...
Como comentaba ocbarrio, resulta que lo que me faltaba eran los dos puntitos y la barra: ../ Es decir, la hoja de CSS, estaba alojada dentro de una carpeta llamada "estilos", y las imágenes en "imágenes". Claro, en la ruta URL de la hoja de estilos, tenía que subir un nivel de carpeta, e indicarle en realidad: ...url(../imagenes/fondo17.png)...en fin, una tontería como la copa un pino.
Gracias de nuevo!
Cookies
Usamos cookies necesarias y, si lo autorizas, Google Analytics. Puedes cambiar tu elección cuando quieras.
