En el ejemplo podeis ver que la tabla termina antes de que aya acabado el texto...
[URL="http://jsbin.com/nekecaqa/1"]http://jsbin.com/nekecaqa/1[/URL]
Quiero empezar la tabla esa con el fondo gris después de gris oscuro y que acabe al final del texto o datos que ayan..
los codigos son estos:
Código HTML:
Ver original<div class="izq clubs-perfil">
<h1 class="rounded-custom" style="background: #333;"><a style="color:white; text-decoration:none; font-family: Arial, Helvetica;" href="#"><b>Sabado
</b> - Discoteca
</a></h1> <img src="murcia/clubs/clubs1.jpg" width="196" height="196" class="profile fromdb rounded-3" alt="Tu discoteca"/><br> <img style="height:73px;width:196px;" src="#" alt="Sabado - Discoteca"/> <div class="data descripcion"><p style="text-align: justify;">Condiciones de lista: CHICAS: Lista CrazyMurcia gratis hasta las 2.00h. CHICOS: Lista CrazyMurcia gratis hasta la 1.30h. Luego, 10€ 1 copa ó 15€ 2 copas hasta las 3.00h
</p> <p style="text-align: justify;"><b>Dirección
</b>: C/ Mayor, 00 - 30000, Murcia
</p> <p style="text-align: justify;"><b>Música
</b>: Exitos y comercial
</p> <p style="text-align: justify;"><b>Público
</b>: Gente.... - Mayores de 18 años
</p>
<div class="data direccion"><b>apuntarme ahora
</b></div>
Código CSS:
Ver original.clubs-perfil {
width: 670px;
}
.clubs-perfil {
padding:0px;
}
.clubs-perfil div.img-perfil {
text-align: center;
float:left;
margin: 0 20px 20px 0;
}
.clubs-perfil div.img-perfil img.perfil {
display: inline-block;
width: 200px;
height: 200px;
}
.clubs-perfil div.detalles {
margin-top: 20px;
margin-left: 20px;
margin-right: 10px;
border-radius:15px;
-moz-border-radius:15px; /* Firefox */
-webkit-border-radius:15px; /* Safari y Chrome */
background:#eee;
}
.clubs-perfil div.data {
margin:10px 0;
}
.clubs-perfil div.descripcion {
font-size: 13px;
margin:10px 0;
font-style: arial;
}
Tengo que estructurarla de otra forma o donde tengo que poner
Código CSS:
Ver originalborder-radius:15px;
-moz-border-radius:15px; /* Firefox */
-webkit-border-radius:15px; /* Safari y Chrome */
Gracias!!!