Foros del Web » Creando para Internet » CSS »

Alineando elementos

Estas en el tema de Alineando elementos en el foro de CSS en Foros del Web. Hola a todos: Tendo el siguiente div: #imagenprecio{ float:right; margin-left:15px; margin-bottom:1px; padding:5px; } Donde su contenido es: <div id="imagenprecio"> <a href="http://domino.cimex.com.cu/cimex/chrequisicion.nsf" target="_blank"><img src="img/Banner1.jpg" width="360" height="56" ...
  #1 (permalink)  
Antiguo 07/02/2011, 08:23
 
Fecha de Ingreso: abril-2010
Ubicación: La habana
Mensajes: 229
Antigüedad: 7 años, 8 meses
Puntos: 4
Alineando elementos

Hola a todos:
Tendo el siguiente div:
#imagenprecio{
float:right;
margin-left:15px;
margin-bottom:1px;
padding:5px;
}

Donde su contenido es:
<div id="imagenprecio">
<a href="http://domino.cimex.com.cu/cimex/chrequisicion.nsf" target="_blank"><img src="img/Banner1.jpg" width="360" height="56" border="0" /></a>
</div>
Pero quiero que el texto que tengo el en siguiente párrafo se alinie al centro de la la altura de ese div.

El párrafo es el siguiente:
<p class="TextoWeb">&nbsp;&nbsp;&nbsp Este sistema será su “gestor” para la adquisición de productos y servicios en las diferentes entidades de CIMEX.
</p>

Todo está dentro de dos <hr>
de la siguiente manera:

Código HTML:
<hr>
<div id="imagenprecio">
<a href="http://domino.cimex.com.cu/cimex/chrequisicion.nsf" target="_blank"><img src="img/Banner1.jpg" width="360" height="56" border="0" /></a>
</div>
<p class="TextoWeb">&nbsp;&nbsp;&nbsp Este sistema será su “gestor” para la adquisición de productos y servicios en las diferentes entidades de CIMEX.
</p>
<hr> 
Cómo hago que para que el texto del párrafo se alinie justo al centro de la altura del div.
Salu2
  #2 (permalink)  
Antiguo 07/02/2011, 10:30
Avatar de sanxuan  
Fecha de Ingreso: enero-2011
Ubicación: Gijón
Mensajes: 671
Antigüedad: 6 años, 11 meses
Puntos: 36
Respuesta: Alineando elementos

Puedes probar a darle un ancho fijo a tu div. Como sólo contiene una imagen de 360px de ancho puedes usar la propiedad width:360px.
Al párrafo le tienes que dar las propiedades: float:left; width:auto;
Por último debes incluir, en la etiqueta <hr/> por ejemplo, la propiedad clear:both.
Si quieres que el párrafo se pegue a la imagen, usa float:right o cambia la imagen a float:left.

Etiquetas: elementos
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 23:57.