0

estoy haciendo una practica y quiero poner una imagen en especifico (ad.jpg) a mi codigo html pero la imagen no me aparece, ya verifique la ruta y esta bien escrita, es mas cuando cambio e intento con otra imagen del mismo formato jpg (1.jpg) la cual se encuentra en la misma carpeta esta si aparece.

esto me aparece cuando intento con ad.jpg

esto me aparece cuando intento con ad.jpg

esto me aparece cuando intento con ad.jpg

y cuando intento con otra imagen esta si aparece

y cuando intento con otra imagen esta si aparece

y cuando intento con otra imagen esta si aparece

es la primera vez que me pasa no tengo idea de que pueda ser

el codigo es:

<div class="ad container hidden-xs">
    <div class="row">
        <div class="col-md-12">
            <img src="img/ad.jpg" alt="">
        </div>
     </div>
</div>
7
  • Intenta localizar la imagen con el inspector, para ver sino se sale del área visible de tu página web. Tambien puedes intentar revisar que la imagen que si funciona y la que no funciona tenga el mismo tamaño en pixeles y si el formato de la imagen que estas utilizando es el correcto. Commented el 5 feb. 2020 a las 6:36
  • 5
    Por favor, el código en formato texto!
    – Capt.Teach
    Commented el 5 feb. 2020 a las 6:42
  • cuando pongo el inspector de elementos me indica que la imagen se encuentra alli pero por alguna razon le añade un display: none, creo que ha de ser por el plugin de visual studio code, go live Commented el 5 feb. 2020 a las 7:09
  • 1
    ¿Podrías compartir el código de tu web en algún sandbox, gist, github, drive, dropbox, mega, etc? Desearía saber más acerca de ese archivo ad.jpg, la hoja de estilos (para conocer la definición de la clase ad) para poder redactar una respuesta. ¿Podrías agregar esto a tu HTML para poder ver el contorno de la imagen? <img src="img/ad.jpg" alt="" style="border: 2px solid red;" />. También sería bueno, para las pruebas, eliminar la clase hidden-xs. Commented el 5 feb. 2020 a las 7:49
  • si tiene el estilo display:none puede ser por el class=" hidden-xs " que no se este utilizando bien. Commented el 5 feb. 2020 a las 8:01

1 respuesta 1

0

Tu código esta bien solo tienes agregar las etiquetas de ancho ‘width’ y alto ‘hight’ a la imagen, prueba con esto

<div class="ad container hidden-xs">
    <div class="row">
        <div class="col-md-12">
            <img src="ad.gif" alt="tu_logo" width="42" hight="42">
        </div>
     </div>
</div>

Saludos :)

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.