Tengo un pequeño problemilla que descubrí hoy xD.
Sucede que tengo una caja con una imagen, nombre, número de votos y la opción de votar. El problema que tengo es que cuando el nombre de la caja, por llamarlo así, es más grande que la caja en si el texto baja, haciendo que la caja sea más grande, y como debajo de esta hay otra caja igual, esta bajaría y se descolocaría por el tamaño del texto.
Os pongo una imagen de ejemplo:
http://i55.tinypic.com/wk0bwm.png
Os dejo el código:
CSS
Código CSS:
Ver original
.contenidoLista{ width:650px; min-height:570px; } .nombreUnico{ font-size:12px; padding:10px 0 0 5px; font-weight:bold; line-height:normal; } .contenidoMini{ width:200px; height:225px; margin:5px 5px 20px 5px; float:left; display:block; } .contenidoMini img{ margin:-6px 0 0 -6px; border:1px solid #ff0000; padding:0px; } .espaciado{ margin-top:5px; } .botonvotos{ color:#666666; font-weight:bold; padding:9px 0 0 0px; text-align:center; } .botonvotos input{ margin-right:3px; margin-left:3px; padding:0px; } .fondoVotos{ background-image:url(images/fondo-votos.jpg); background-repeat:no-repeat; background-position:center; height:33px; margin-top:15px; } .votarOk{ width:100%; padding:20px; border:1px dotted #3366FF; background-color:#CFF; text-align:center; font-size:24px; margin-top:15px; }
PHP
Código PHP:
# Guarda en una variabla la ID única de cada lista. Para poder identificarla.
$numLista = $_REQUEST['verlista'];
?>
<form action="#" method="post" name="votarlista">
<?php
# Selecciona todo de wp_lista cuando lista_id_propia es igual a $numlista que es la id única de cada sección.
$selectContenidoLista = mysql_query("SELECT * FROM wp_lista WHERE lista_id_propia='$numLista' ");
$consultarListanoRepeat = mysql_fetch_assoc($selectContenidoLista);
?>
<h2><?php echo $consultarListanoRepeat['lista_categoria']; ?> </h2>
<div class="contenidoLista">
<div class="textoAzul margintop">
<?php echo $consultarListanoRepeat['lista_nombreunico']; ?>
</div>
<div class="textoListas">
<?php echo $consultarListanoRepeat['lista_descripcion']; ?>
</div>
<?php
$contenidoMiniR = mysql_query("SELECT * FROM wp_lista WHERE lista_id_propia='$numLista' ORDER BY lista_votos DESC");
# Esto sería la repitición (poner cajas con imagen, nombre y votos )
$numeracion = 1;
while($conLista = mysql_fetch_assoc($contenidoMiniR)){
// echo $conLista['lista_nombre']." + ";
// Cuenta cuantos registros hay en cada Lista para
// más adelante sumarle 1 al name del input radio
$queryContar = "SELECT COUNT(*) FROM wp_lista WHERE lista_id_propia='$numLista' ";
$contar = mysql_query($queryContar);
$contarPrint = mysql_fetch_array($contar);
$numeroCajaLista = $contarPrint[0];
?>
<div class="contenidoMini">
<img src="http://<?php echo $conLista['lista_imagen']; ?>" width='199' height='133' alt="<?php echo $conLista['lista_nombre']; ?>" />
<div class="nombreUnico">
<?php
echo $numeracion.". ";
echo $conLista['lista_nombre'];
?>
</div>
<div class="textogris espaciado">
<?php
# Gestión de puntos que tiene
echo "(".$conLista['lista_votos']." Puntos)";
?>
</div>
<div class="fondoVotos">
<div class="botonvotos">
<?php
// Imprime los 5 votones input radio.
$numRadio = 1;
while($numRadio <= 5){
?>
<input type="radio" name="radio<?php echo $numeracion; ?>" value="<?php echo $numRadio; ?>" /><?php echo $numRadio; ?>
<?php
$numRadio++;
} // Cierra while numRadio
?>
</div>
</div>
</div>
<?php
$numeracion++;
}
?>
</div>