Problema com float

[Pudexxt 0]

Olá galera, estava eu aqui finalizando uma pagina em css quando de repente apareceu um problema aqui que eu juro que não consegui resolver o.O

 

http://img810.imageshack.us/img810/7331/imaster.jpg

 

Aquele cartaz escrito just dance está com o plugin JQZoom que ao passar o mouse aparece um quadradin com o zoom da imagem, td mundo aqui deve conhecer. Até ai td bem, porém essa foto era pra estar encaixada em baixo do nome da festa e ao lado dos dados, so que mesmo sem desativar o plugin eu nao consegui colocar ela ali.

 

Ja tentei, float, clear, align etc... mas não sei o que pode ser...

 

Se alguem precisar do código fonte pra me ajudar so falar que eu posto aqui...

 

Desde já muito obrigado.

 

Att,

Matheus Ferraresi.

 

Segue o HTML do box:

<div id="box1" class="box1">
               <img class="left" src="images/titulos/festa.png" alt="" />                
               <p class="box1a">Nome : <span>Nome Festa</span> <br />Data : <span>24/12/11</span><br />Horário : <span>21:00hrs</span><br />Valor : <span>R$15,00</span></p>                
               <p class="box1b">LINE-UP:<br />DJ Fulano <span>DJ Fulano</span></s> <br />DJ Fulano <br />DJ Fulano <br />DJ Fulano </p>

               <a href="images/galeria/festas/justdance.jpg" class="zoom" title="Just 2 Dance">
                   <img src="images/galeria/festas/thumbs/justdance.jpg" title="Just 2 Dance"/>
               </a>
           </div>

 

E o CSS:

/**---------- INÍCIO BOXS ----------**/

.clear {float: left; margin-top: 180px;}
.left{float: left;}
#containerbox {width: 950px;}

.box1 {clear: both; float: left; height: 250px; width: 310px; margin-left: 10px;}
.box2 {margin-left: 10px; float: left; height: 250px; width: 310px;}
.box4 {float: left; height: 250px; width: 630px;}

.box1a {text-align: left; font: 14px arial ; color: #e54880; margin: 60px 0 15px 0; clear: both;}
.box2a {text-align: left; font: 14px arial ; color: #0dc3f7; margin: 60px 0 15px 0; clear: both;}
.box3a {text-align: left; font: 14px arial ; color: #6bd227; margin: 60px 0 15px 0; clear: both;}
.box4a {text-align: left; font: 14px arial ; color: #b03ad2; margin: 60px 0 15px 0; clear: both;}
.box1b {text-align: left; font: 11px arial ; color: #949aa9; width: 240px; float: left;}

.bbox1 {float: right; clear:both; margin-top: 10px; background: url(../images/botoes/box1.png) no-repeat; width: 67px; height: 24px; text-indent: -10000px;}
.bbox1:hover {background-position: 0 -24px; width: 67px;}

.bbox2 {float: right; clear:both; margin-top: 10px; background: url(../images/botoes/box2.png) no-repeat; width: 67px; height: 24px; text-indent: -10000px;}
.bbox2:hover {background-position: 0 -24px; width: 67px;}

.bbox3 {float: right; clear:both; margin-top: 10px; background: url(../images/botoes/box3.png) no-repeat; width: 67px; height: 24px; text-indent: -10000px;}
.bbox3:hover {background-position: 0 -24px; width: 67px;}

.bbox4 {float: right; clear:both; margin-top: 10px; background: url(../images/botoes/box4.png) no-repeat; width: 103px; height: 24px; text-indent: -10000px;}
.bbox4:hover {background-position: 0 -24px; width: 103px;}

/**---------- FIM BOXS ----------**/

/**---------- INÍCIO PÁGINA FESTAS ----------**/

#containerbox2 {width: 960px; margin-top: 80px;}
#containerbox2 span {color:#949aa9; }

.right {float: right; clear:both;}
/**---------- FIM PÁGINA FESTAS ----------**/

[allex_carvalho 124]

Tem como subir o site para ver online o erro?

[Pudexxt 0]

Vixi, pior q nem vai dar pq eu esqueci de pagar a mensalidade kkkkkkkk

 

Mas o erro e o da foto ali msm, que a thumb da imagem nao ta ficando dentro do box

 

http://img18.imageshack.us/img18/9530/imastera.jpg

 

Axo que agora ficou melhor pra entender...

 

Att,

Matheus Ferraresi.

[Rodrigo Zanotta 0]

Tens que por um float:left; no teu p boxla e um float:left; na classe da imagem.