Foros del Web » Creando para Internet » CSS »

alineamiento vertical de una foto sin tamaño especifico...para capos.

Estas en el tema de alineamiento vertical de una foto sin tamaño especifico...para capos. en el foro de CSS en Foros del Web. hola muchachos.. bueno un problema para los mas capos.. alinear verticalmente no es dificil pero cuando tiene un tamaño especifico del objeto que quieres alinear.. ...
  #1 (permalink)  
Antiguo 09/08/2010, 20:11
 
Fecha de Ingreso: abril-2007
Mensajes: 66
Antigüedad: 16 años, 11 meses
Puntos: 1
Exclamación alineamiento vertical de una foto sin tamaño especifico...para capos.

hola muchachos.. bueno un problema para los mas capos.. alinear verticalmente no es dificil pero cuando tiene un tamaño especifico del objeto que quieres alinear.. en mi caso yo hice un contenedor de 60x50 y quiero colocar fotografias dentro de eso, pero no se de que tamaño serán, es decir.. pueden ser de 60x10 o tambien de 50x10 el tema que si es de 60x10 me quede al medio de esta caja... les envio el codigo que estoy usando.

.ss {
vertical-align: middle;
text-align:center;
height: 50px;
width: 60px;
border: medium solid #0000FF;
}
.ss img{
max-height: 50px;
max-width: 60px;
}

alguna idea? he buscado por monton pero no me sirven para este caso.

gracias.
  #2 (permalink)  
Antiguo 09/08/2010, 21:02
 
Fecha de Ingreso: abril-2007
Mensajes: 66
Antigüedad: 16 años, 11 meses
Puntos: 1
Respuesta: alineamiento vertical de una foto sin tamaño especifico...para capos.

encontre la solución...

#caja {
display: table;
height: 70px;
float:left;
width: 93px;
position: relative;
margin-top: 4px;
margin-right: 3px;
margin-bottom: 4px;
margin-left: 4px;
}
.centrado {display: table-cell;
vertical-align: middle;
margin: 0 auto;
padding: 0 0px;
}
.texto {position: relative;
top: -50%;
display: block;
}

.texto img{
max-height:70px;
max-width: 90px;

}



<div id="caja">
<div class="centrado" style="*position: absolute;*top: 50%;">
<span class="texto" style="text-align:center; "><img src="adm/css.jpg" alt="" /></span></div>
</div>



lo encontre en este sitio.. http://www.araudi.net/ vean el codigo fuente.. y listo.


espero que les sirva... saludos muchachos.

Etiquetas: alineamiento, foto, tamaño, vertical
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 08:07.