Hola es mi primer post en el foro, llevo intentado hacer una web un tiempo y se me presentan varios problemas.
Uno de ellos es el siguiente.
Quiero hacer una tabla que cada cuatro columnas baje una fila y vaya rellenando con una serie de datos extraidos de una base de datos, "eventos".
Aqui el codigo.
Cita: <div id="tabladeeventos">
<table width='1024' height='510' border='0'>
<tr>
<?php
**CONEXION A LA BASE DE DATOS**;
$i=0;
$j=0;
while ($evento=mysql_fetch_array($RS,MYSQL_ASSOC)) {
{$ID=$evento['ID'];
$i++;
$j++;
if(($i==5)or($i==9)or($i==13)or($i==17)or($i==21)o r($i==25)or($i==29)or($i==33)or($i==37)or($i==41)) echo "</tr><tr>";
echo
"<td width='256' align='center'><img src='img/evento.jpg' width='232' height='300' alt='Evento'/>
<div id='eventoimg'><img src='admin/imgs/$evento[imagen]' width='220' height='160' /></div>
<div id='eventofecha'>Dia: $evento[fecha]</div>
<div id='eventohora'>$evento[hora] horas</div>
<div id='eventonom'>$evento[nombre]</div>
<div id='eventogo'>
<form action='evento.php' method='post'>
<input type='hidden' name='ID' value=$evento[ID];>
<input type=image src='Img/comprareve.jpg' width='220' height='20' />
</form>
</div>
</td>";}}
?>
</tr>
</table>
</div>
Voy a explicar lo que he echo, mientras existan eventos va a ir creando una columna, cuando llegue a 4 columnas, aumenta una fila, y asi hasta que no halla eventos.
Mi problema es que yo quiero que cada fila mida el tamaño de la imagen evento.jpg, height, que va a ser el fondo de la tabla pero como abajo hay mas div, estos me crean cajas que hacen aumentar su valor.
Aqui la css externa.
Cita: #tabladeeventos {
background-color: #000;
width: 1024px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
font-family: "Verdana";
position: relative;
top: -10px;
}
#eventoimg {
background-color: #00F;
height: 160px;
width: 220px;
margin-top: 0px;
margin-right: auto;
margin-left: auto;
position: relative;
left: auto;
right: auto;
top: -260px;
}
#eventofecha {
height: 20px;
top:-260px;
position: relative;
left: 0px;
font-family: "Verdana";
font-size: 16px;
color: #FFF;
}
#eventohora {
height: 20px;
top:-280px;
position: relative;
font-family: "Verdana";
font-size: 16px;
color: #FFF;
}
#eventonom {
height: 60px;
top:-280px;
position: relative;
left: auto;
right: auto;
font-family: Verdana;
font-size: 16px;
color: #FFF;
}
#eventogo {
top:-285px;
position: relative;
left: auto;
right: auto;
color: #FFF;
text-align: center;
width=220px;
height=20px;
}
A ver si me podeis echar una mano, yo lo que quiero es que los div que utilizo se vean pero no me ocupen espacio.
Gracias Un saludo