alineación vertical de una imagen

Citar

Escrito el 19 Sep 2006 04:19 pm

buenas tardes,
soy novato en html, css..., pero domino algo el dreamweaver.
Me gustaria alinear una imagen completamente en el centro verticalmente de la pantalla, de forma q dé igual q resolucion tenga el usuario, la imagen simpre tiene q estar en medio.

Me pueden decir como o si hay algún tuto por aqui?? he buscado pero no lo encontré.

gracias

Por xelson

77 de clabLevel

Genero:Masculino

Envíale un mensaje privado Email Web

Citar

Escrito el 19 Sep 2006 07:50 pm

Código :

<div class="imagen">
<img src="imagen.jpg">
</div>

/*css*/
.imagen {
margin: 0 auto;
text-align: center;
}

:editado: perdón pero leí muy rápido y no entendí que querias una alineación VERTICAL

revisa esta página, revisa su codigo fuente, allí encontraras una respuesta.

saludos

Por J O S

712 de clabLevel

1 tutorial

Genero:Masculino

Envíale un mensaje privado Email Web

Lima, Perú

@jos_

Citar

Escrito el 19 Sep 2006 08:32 pm

Código :

#content      
   {
   font-family: Verdana, Geneva, Arial, sans-serif;
   background-color: transparent;
   text-align: center;
   margin-top: -35px; /* observa este margen, es el margen superior, es la mitad negativa que el alto dado en height*/
   margin-left: -125px;/* De igual manera el margen izquierdo, es la mitad negativa del ancho descrito en width*/
   position: absolute;
   top: 50%;
   left: 50%;
   width: 250px;/*<----------- este ancho es de acuerdo a lo que tu quieres*/
   height: 70px;/*<------------- igual este alto  */
   visibility: visible
   }

Así es como lo pondrias en tu pagina.html

Código :

<body>
   <div id="content">
   <div>
      <img src="make.jpg">
   </div>
   </div>
</body>

espero no haberme gastado en vano, y te sirva... sino que más da... saludos

P.D. para la proxima te mando con sangoogle

Por J O S

712 de clabLevel

1 tutorial

Genero:Masculino

Envíale un mensaje privado Email Web

Lima, Perú

@jos_

Citar

Escrito el 20 Sep 2006 09:24 am

tu consejo ha obtenido su fruto, me sirvió!!

muchas grácias

Por xelson

77 de clabLevel

Genero:Masculino

Envíale un mensaje privado Email Web

alineación vertical de una imagen

Escribe una respuesta rapida