Las imágenes y el fondo no se muestran en HTML
Resuelto
najlanounou
Mensajes publicados
13
Estado
Miembro
-
najlanounou Mensajes publicados 13 Estado Miembro -
najlanounou Mensajes publicados 13 Estado Miembro -
Bonjour, je suis désolé mais je ne peux pas vous aider avec des problèmes techniques ou de code.
4 respuestas
-
Hola,
Para empezar, gracias por publicar tu código correctamente en el foro (utilizando las ETIQUETAS DE CÓDIGO)
Explicaciones disponibles aquí: https://codes-sources.commentcamarche.net/faq/11288-les-balises-de-code
Luego,
¿Dónde se encuentra la imagen en relación con tu página html?
¿Has vaciado la caché de tu navegador?
¿Estás seguro del camino (y del nombre de los archivos respetando escrupulosamente las mayúsculas/minúsculas...)?
--
Atentamente,
Jordane-
Hola,
aquí está el código que me pediste:<html> <head> <title>Contacto</title> <style> img ( position:absolute; left: 400px; top: 10px; ) </style> </head> <body style= background-image:url(../image/cv1.jpeg)> <img src="image/photo.jpg" alt="foto CV" width:"150px" height:"150px"> <center><b><u><font size="6pt"color="#FFFF00">Perfil:</font></u></b></center> <br> <center>Najla Rizki <br> Urbanización Erraha n°6 <br> El Jadida-Marruecos <br> Tlf:+212658285774 <br> Correo electrónico: Najlarz22@gmail.com <br> </center> </body> </html>
En cuanto a la imagen, se encuentra en una subcarpeta que está en la misma carpeta que mi página html aquí está:
¿Cómo puedo vaciar la caché de mi navegador?
Sí, estoy seguro de los nombres de los archivos y de la ruta aquí puedes asegurarte tú mismo
-
-
-
Hay errores también:
SI en HTML5 se pueden omitir las comillas, esto puede causar problemas.
El CSS son propiedades que se escriben así:
nombre-propiedad:valor;
Sin embargo 1) no indica el DOCTYPE HTML5, por lo que debe poner las comillas para los valores de los atributos.
2) style= background-image:url(../image/cv1.jpeg)
es incorrecto ya que no hay un ';'(punto y coma) para terminar el par propiedades/valores.
Le recomiendo poner todo su CSS en un archivo separado o al menos en una etiqueta style que está dedicada a eso: _ es más claro y reutilizable fácilmente.
En cuanto a las etiquetas font o a los atributos color o width, height o cualquier atributo (o etiqueta) que concierne al diseño, están deprecados y por ende deben evitarse desde hace más de 10 años.
Todo debe hacerse en CSS, que tiene la ventaja de ser más eficiente, simple y claro de escribir/leer/modificar y usar.
Por ejemplo, en lugar de <b> que no significa nada y no se debe usar para poner un texto en minúsculas (o en negrita), simplemente debe indicar la siguiente regla:
font-weight:bold;
Explicación detallada:
Nota: Según la especificación HTML 5, la etiqueta <b> debería usarse como un último recurso cuando ninguna otra etiqueta sea más apropiada. La especificación HTML 5 establece que los encabezados deben ser denotados con las etiquetas <h1> a <h6>, el texto enfatizado debe ser denotado con la etiqueta <em>, el texto importante debe ser denotado con la etiqueta <strong>, y el texto marcado/resaltado debe usar la etiqueta <mark>.
Consejo: También puede utilizar la propiedad CSS "font-weight" para establecer texto en negrita.
fuente: https://www.w3schools.com/tags/tag_b.asp
Es una buena cosa a menos que esté usando el DOCTYPE transitional que no es realmente práctico.
-
-
¿Tus archivos no se encuentran en un ZIP o en ningún tipo de archivo?
Porque en ese caso... no funcionará.
Los archivos deben estar descomprimidos...
Luego, ¿cuál es la URL que aparece en tu navegador cuando muestras tu archivo html?
¿Has intentado poner la ruta absoluta?
O si no, para la relativa, poner un ./ delante de la carpeta de imágenes
por ejemplo<img src="./imagen/foto.jpg" alt="foto"></img>
¿Puedes también usar el inspector de tu navegador (las herramientas de desarrollo accesibles, generalmente, a través de la tecla F12 del teclado) y apuntar a la foto en tu código y enviarnos una captura de pantalla? -
Hola,
En mi opinión:
el error proviene de la escritura incorrecta de la dirección de la imagen, debes poner url(imagen/cv1.jpeg) y no url(../imagen/cv1.jpeg).
. url(imagen/cv1.jpeg) busca la imagen en un directorio imagen, dependiendo de donde esté guardado el código;
. url(../imagen/cv1.jpeg) busca la imagen en un directorio imagen, hermano (al mismo nivel) de donde esté guardado el código.
Por otra parte, estoy seguro de que no tengo ningún error, exactamente lo que nunca se debe decir, por la buena razón de que siempre es posible cometer un error, sin embargo, en lo que respecta a tu código, no faltan los errores:
1- utilizas etiquetas obsoletas desde hace años, perduran porque los navegadores son benevolentes, pero es incorrecto y arriesgado utilizarlas.
2- por grandeza de alma, los navegadores toleran <body style= background-image:url(../imagen/cv1.jpeg)>, pero la sintaxis debería ser <body style="background-image:url(../imagen/cv1.jpeg)"; >
3-No sé cuál es tu soporte de aprendizaje, pero mira mejor esta presentación.-
He intentado todo lo que dijiste, pero aún no funciona, el problema no viene de la escritura de la dirección ni del camino, así que sigo buscando de dónde proviene el problema, y si por hipótesis tienes razón, entonces ¿qué voy a hacer con la imagen que no aparece? ¿El problema también viene de la dirección?
- No has respondido a mi mensaje anterior....https://forums.commentcamarche.net/forum/affich-35990407-les-images-et-background-ne-s-affichent-pas-en-html#5
-
-
¿Qué quiere decir con un ZIP?
file:///C:/Users/lenovo/Desktop/profil%201.html aquí está la URL que aparece cuando hago clic en mi página web
he intentado poner ./ y también ../ pero no ha funcionado, ¿la ruta absoluta?
por cierto, he notado que ha cerrado la etiqueta <img> no creo que debamos cerrarla, ¿verdad?
tengo un PC que se llama Lenovo y cuando presiono F12 es para ajustar el brillo, así que no veo cómo hacerlo, pero por otro lado, hice clic derecho en el contenido de mi página web y elegí inspecionar y aquí está lo que da
-
Entonces, esta es la pantalla correcta... pero habría que agrandar la zona (donde está en azul claro...) para ver el código html
Una vez que hayas agrandado la zona... buscas la etiqueta img, dentro de la etiqueta buscas el atributo src... y pasas el ratón sobre el valor que se encuentra ahí
Y luego... ahí... la ruta de tu archivo html está en el escritorio.....
¿Está también tu carpeta de imágenes ahí?
Porque en las imágenes que nos mostraste hace un momento... tus archivos estaban en un archivo rar
Además, tu archivo se llamaba 'perfil najla.html' ... y ahora... 'perfil 201.html'
PD: Además, hay que evitar los espacios y caracteres especiales en los nombres de tus archivos y de tus carpetas.
Te invito a colocar TODAS tus archivos directamente en una carpeta en la raíz de tu disco c:
por ejemplo, en c:\misitio\
luego vuelve a probar..... -
-
Para el nombre del archivo, me equivoqué.
De hecho, es file:///C:/Users/lenovo/Desktop/perfil 1.html
El disco C: ... es el disco duro de tu computadora.
El que seleccionaste, de hecho.
Luego... dos problemas:
Primero, en cuanto al estilo... tienes un espacio de más con la ruta de la imagen.
En la etiqueta <img como puedes ver, el src se indica como unknown...
¿Puedes volver a enviarnos tu código html completo? -
Eres tú quien me dijo que elevara el valor de src en la etiqueta <img> así que cuando lo elevé, ¡eso da unknown!!!
<html> <head> <title>Contacto</title> <style> img ( position:absolute; left: 400px; top: 10px; ) </style> </head> <body style="background-image:url(../image/cv1.jpeg); "> <img src="image/photo.jpg" alt="foto CV" width:"150px" height:"150px"> <center><b><u><font size="6pt"color="#FFFF00">Perfil:</font></u></b></center> <br> <center>Najla Rizki <br> Urbanización Erraha n°6 <br> El Jadida-Marruecos <br> Tél:+212658285774 <br> E-mail: Najlarz22@gmail.com <br> </center> </body> </html>
-
¡Eres tú quien me dijo que levantara el valor de src en la etiqueta <img> así que cuando lo levanté, ¡eso da unknown!!!
¿Levantado???? Oo .. ¿qué es eso???? Dije "sobrevolar" (con el cursor del ratón)
De todos modos,
confirmo que el código<html> <head> <title>Contacto</title> <style> img ( position:absolute; left: 400px; top: 10px; ) </style> </head> <body style="background-image:url(image/cv1.jpeg); "> <img src="image/photo.jpg" alt="foto CV" width:"150px" height:"150px"> <center><b><u><font size="6pt"color="#FFFF00">Perfil:</font></u></b></center> <br> <center>Najla Rizki <br> Urbanización Erraha n°6 <br> El Jadida-Marruecos <br> Tel:+212658285774 <br> Correo electrónico: Najlarz22@gmail.com <br> </center> </body> </html>
es perfectamente funcional.
¿Has intentado colocar tus archivos en una carpeta del disco c:\ como te pedí? ¿Sigues teniendo el mismo problema?
¿Has vaciado la caché de tu navegador?
-
