Quantcast
Channel: Tópicos
Viewing all articles
Browse latest Browse all 14700

Div saiu da posição

$
0
0
Pessoal,
O Documento é: http://www.bateriasadvance.com.br/morrodesaopaulo.inf.br/, nele tenho um documento com uma estrutura assim:
Código (HTML):
.......
  <div id="cabecalho">
        <div id="formBox">
          <div id="formTopo"><img src="img/cota.png" width="250" height="143" /></div>
          <div id="form"><?php include("form.php"); ?></div>
        </div>
        <div id="banner"><?php include("banner.php");?></div>  
  </div>  
  <div id="mensagem"><?php include("mensagem.php"); ?></div>
.........
Essa div mensagem possui a seguinte css:
Código (CSS):
#mensagem
{
top:500px;
height:100px;
text-align:center;
}
O código da div banner era assim:
Código (PHP):
<?php
  $banner_string="SELECT id, logo FROM banner";
  $banner = $conexao->query($banner_string);

  if($banner->num_rows==0)
  {
echo "<h2>Banner ainda nã esta cadastrado</h2>";
  }
  else
  {
list($id, $logo)=$banner->fetch_row();

if(file_exists(endereco_banner."/".$logo))
{
   $imagem=endereco_banner."/".$logo;
$foto = "<img src='".$imagem."' width=750 height=463 alt='Banner' title='Banner'";
}
else
{
$foto = "<h2>Sem Imagem</h2>";
}
print $foto;
  }
?>
Após uma solicitação de usar JCarroussel, mudei para:
Código (PHP):
<div id="containerBanner"  style="height:463px; width:750px;">
   <?php
         $pesquisaBannerString ="SELECT id, logo FROM banner ORDER BY id desc limit 5";
         $pesquisaBannerQuery=$conexao->Query($pesquisaBannerString);
         if ($pesquisaBannerQuery->num_rows==0)
         {
                 echo "Ainda não há Banner algum cadastrado!";
         }
         else
         {
if ($pesquisaBannerQuery->num_rows<=5)
{
$quantasFotos=$pesquisaBannerQuery->num_rows;
}
else
{
$quantasFotos=5;
}
?>
          <div id="carrosselBanner">
                <ul>
                <?php
                 while(list($id, $nomeFoto)=$pesquisaBannerQuery->fetch_row())
                 {
if($nomeFoto=="")
{
  $link = "<label style='width:750px; heigth:463px; display:inline-block;'>Sem Imagem</label>";
}
else
{
                          if(file_exists(endereco_banner."/".$nomeFoto))
{
$link = "<img src='".endereco_banner."/".$nomeFoto."' alt='".$nome."' title='".$nome."' width='750px' height='463px' />";
}
}
?>
<li><?php echo $link; ?></li>
<?php
}
?>
</ul>
         </div>

<script type="text/javascript">
$(window).load(function () {   
                  $("#carrosselBanner").jCarouselLite({
                                btnPrev : '#prev0',
                                btnNext : '#next0',
                                auto    : 1,
                                speed   : 10000,
                                visible : 1
                  })
        })
        </script>  

         <?php
}
        ?>
</div>
O que acontece é que no modo sem o JCarroussel, a div mensagem ficava abaixo da div cabecalho sem problemas. Mas após a inclusão do JCarroussel, ela foi pra baixo da div cabecalho e não há nada que eu faça que jogue ela para o lugar dela.

Podem me ajudar fazendo favor?

Viewing all articles
Browse latest Browse all 14700