Foros del Web » Creando para Internet » HTML »

Alineación Imagenes

Estas en el tema de Alineación Imagenes en el foro de HTML en Foros del Web. Hola! Quisiera ver como puedo alinear una imagen en el centro de la pantalla o explorador ya sea puro HTML o bien puro CSS Puede ...
  #1 (permalink)  
Antiguo 29/05/2012, 18:26
 
Fecha de Ingreso: julio-2011
Mensajes: 4
Antigüedad: 13 años, 4 meses
Puntos: 0
Sonrisa Alineación Imagenes

Hola!

Quisiera ver como puedo alinear una imagen en el centro de la pantalla o explorador ya sea puro HTML o bien puro CSS

Puede ser como background o como <img>

No lleva ningún texto solo la pura imagen en el centro de la pantalla.



Gracias!
  #2 (permalink)  
Antiguo 29/05/2012, 23:48
 
Fecha de Ingreso: mayo-2012
Ubicación: En la Tierra
Mensajes: 41
Antigüedad: 12 años, 6 meses
Puntos: 3
Respuesta: Alineación Imagenes

TECNICA CSS PARA background-image
Código:
html {
   width:100%;
   height:100%;
   background:url(logo.png) center center no-repeat;
}
TECNICA CSS PARA IMAGEN INLINE
Código:
img {
   position: absolute;
   top: 50%;
   left: 50%;
   width: 500px;
   height: 500px;
   margin-top: -250px; /* Half the height */
   margin-left: -250px; /* Half the width */
}
TECNICA PARA TABLA
Código:
html, body, #wrapper {
   height:100%;
   width: 100%;
   margin: 0;
   padding: 0;
   border: 0;
}
#wrapper td {
   vertical-align: middle;
   text-align: center;
}

<html>
<body>
   <table id="wrapper">
      <tr>
         <td><img src="logo.png" alt="" /></td>
      </tr>
   </table>
</body>
</html>

Etiquetas: alineacion, imagenes
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 14:34.