Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
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 ----------/
Carregando comentários...