No me respeta el margen...

[MindPaniC]

Hola,

Estoy mareado de darle vueltas al asunto... quiero conseguir que me respete el margen que le impongo de 5 px debajo de la imagen....

bueno asi lo vereis mejor:

esta es la seccion de la web donde esta el probema:
http://www.mindpanic.com/artistas/fi...ista.php?id=10

veis la imagen del artista... pues el div de debajo con el texto de prueba deberia estar separado 5px del marco de la imagen, pero no funciona... he probado de mil maneras.

bueno este es el codigo inplicado:

Código HTML:

#barracentro {
   width: 163px;
   float: left;
   margin: 0px 5px 0px 0px;
   top: auto;
}
#bio {
   width: 441px;
   float: left;
   text-align: justify;
   margin: 0px;
   padding: 0px;
   top: auto;
}
img.foto {
   float:left;
   background-color:#f5f7f9;
   margin-bottom: 5px;
   padding:5px 5px 10px 5px;
   text-align: center;
   border-top: #BE9FFD solid 1px;
   border-left: #BE9FFD solid 1px;
   border-right: #BE9FFD solid 2px;
   border-bottom: #BE9FFD solid 2px;
}
.datosartista {
    background-color: #E9E9E9;
    padding:10px;
    margin: 5px 0px 5px 0px;
    border:1px solid #BE9FFD;
}

incluso poniendo un margin top a .datosartista no se separan... que pasara??

saludos

[kahlito]

Hola MindPaniC, creo que tienes que flotar tanto la imagen como ese texto a la izquierda y listo:

Código HTML:

img.foto {
   float:left;
   background-color:#f5f7f9;
	margin-bottom: 5px;
   padding:5px 5px 10px 5px;
   text-align: center;
   border-top: #BE9FFD solid 1px;
   border-left: #BE9FFD solid 1px;
   border-right: #BE9FFD solid 2px;
   border-bottom: #BE9FFD solid 2px;
}
.datosartista {
	background-color: #E9E9E9;
	margin: 5px;
	border:1px solid #BE9FFD;
	float:left;
}

Tambien te aconsejo cuando escribas textos o poner <p> o <span> si lo que quieres es solo una linea

Código HTML:

<span class="datosartista">esto es un texto de prueba</span> 

Saludosss

[MindPaniC]

exactamente ese era el fallo.

Solucionado... ahora toca acabar el jodido script en php.. jeje

saludos y gracias