0

Estoy colocando unas imágenes en el html y pues originalmente la imagen es vertical y cuando la pongo se pone horizontal, entonces sí alguien sabe como ponerla de forma vertical, me ayuda mucho.

HTML

<img src="../images/fachada2.jpg" class="rounded float-left" style="width: 200px" alt="fachada de lejos">
<img src="../images/pasillo.jpg" class="text-center rounded" style="width: 200px" alt="pasillo">
<img src="../images/fachada_cerc.jpg" class="rounded float-right" style="width: 200px" alt="fachada de cerca">
3
  • probaste agregando "vertical-align:middle"?
    – Lucas
    Commented el 26 sept. 2019 a las 20:11
  • Voy a probarlo, ya te digo
    – DaxTter77
    Commented el 26 sept. 2019 a las 20:17
  • No funciono con eso
    – DaxTter77
    Commented el 26 sept. 2019 a las 20:27

1 respuesta 1

2

Es extraño que te cambie la orientación de la imagen original pero, podrías probar con este css:

<style>
 .rot90 {
  -webkit-transform:rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
 }
</style>

Y luego en tu etiqueta de imagen agregas la clase ".rot90"

<img src="../images/fachada2.jpg" class="rounded float-left rot90" style="width: 200px" alt="fachada de lejos">
2
  • Listo, amigo, gracias, no tengo ni idea por qué pasó
    – DaxTter77
    Commented el 26 sept. 2019 a las 20:28
  • Excelente, lo importante es que funcione. Saludos Commented el 26 sept. 2019 a las 20:29

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.