Jump to content
bLTR

Problema de formatação

Recommended Posts

bLTR

Boa Tarde Pessoal,

É o seguinte, preciso de ajudar a resolver uns pequenos problema para o meu site da PAP e nao os consigo resolver,

1º Problema:

Ao passar o rato em cima do menu "Produtos" aparece da seguinte forma:

http://www.imagebanana.com/view/qs0ige7h/Capturadeecr20120716s15.31.41.png

E o meu problema é que eu quero que ao passar o ponteiro lá em cima, não aparece a parte das marcas de lado, quero que aquilo aparece só quando passo por cima do sub menu "Pranchas", como podem ver aqui:

http://www.imagebanana.com/view/ynk0e3aj/Capturadeecr20120716s15.32.00.png

será que me podiam ajudar neste ponto?

Código do 1º Problema :

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>ReverseShop</title>
<style media="all" type="text/css">@import "/menu/menu_style.css";</style>
<style media="all" type="text/css">@import "styles.css";</style>
</head >
<body>
<div class="conteudo">
<p align="midle"><img src="/imagens/banners/banner00.png" height="200px" width="1000px" alt=""/></p>
<div id="global">
 <div id="topo">
  <ul class="menu">
   <li class="top"><a href="index.php" target="_self" class="top_link"><span>Inicio</span></a></li>
   <li class="top"><a href="" target="_self" class="top_link"><span>Produtos</span></a>
    <ul class="sub">
     <li><a href="" target="_self">Pranchas</a>
      <ul class="sub_sub">
       <li><a href="pranchas_deeply.php" target="_self">Deeply</a></li>
       <li><a href="pranchas_hb.php" target="_self">HB</a></li>
       <li><a href="pranchas_wr.php" target="_self">WR Rider</a></li>
       <li><a href="pranchas_4play.php" target="_self">4Play</a></li>
       <li><a href="pranchas_nomad.php" target="_self">Nomad</a></li>
       <li><a href="pranchas_hydro.php" target="_self">Hydro</a></li>
       <li><a href="pranchas_wavestrom.php" target="_self">WaveStrom</a></li>
       <li><a href="pranchas_waverebel.php" target="_self">Wave Rebel</a></li>
      </ul>
     </li>
     <li><a href="fatos.php" target="_self">Fatos</a></li>
     <li><a href="pesdepato.php" target="_self">Pés de Pato</a></li>
     <li><a href="leashs.php" target="_self">Leash's</a></li>
     <li><a href="capas.php" target="_self">Capas para Pranchas</a></li>
     <li><a href="acessorios.php" target="_self">Acessórios</a></li>
     <li><a href="mochilas.php" target="_self">Mochilas</a></li>
     <li><a href="dvd.php" target="_self">DVDs</a></li>
     <li><a href="revistas.php" target="_self">Revistas</a></li>
    </ul>
   </li>
   <li class="top"><a href="contatos.php" target="_self" class="top_link"><span>Contatos</span></a></li>
   <li class="top"><a href="" target="_self" class="top_link"><span>FAQ</span></a>
    <ul class="sub">
    <li><a href="quemsomos.php" target="_self">Quem Somos</a></li>
    <li><a href="encomendas.php" target="_self">Encomendas</a></li>
    <li><a href="pagamento.php" target="_self">Pagamentos</a></li>
    <li><a href="garantias.php" target="_self">Garantias</a></li>
    <li><a href="glossarios.php" target="_self">Glossário</a></li>
    </ul>
   </li>
   <li class="top"><a href="" target="_self" class="top_link"><span>Webcams</span></a>
    <ul class="sub">
     <li><a href="carcavelos.php" target="_self">Carcavelos</a></li>
     <li><a href="guincho.php" target="_self">Guincho</a></li>
     <li><a href="espinho.php" target="_self">Espinho</a></li>
     <li><a href="costa_da_caparica.php" target="_self">Costa da Caparica</a></li>
     <li><a href="praiagrande.php" target="_self">Praia Grande</a></li>
     <li><a href="ericeira.php" target="_self">Ericeira</a></li>
    </ul>
   </li>
  </ul>
         </div>
        </div>

2º Problema

Ao carregar nos produtos -> Pranchas -> Deeply (como todos os produtos)

Aparece-me da seguinte maneira :

http://www.imagebanana.com/view/4plyea4m/Capturadeecr20120716s15.43.15.png

Eu gostava de saber como meto por exemplo neste caso os produtos da seguinte forma:

_____________________________

! !

! prancha prancha prancha !

! !

! !

!____________________________ !

Conseguem ajudar neste pequeno problema??

Codigo do 2º Problema:

 <div class="conteudo">
 <? include 'connect_bd.php'; ?>
 <div style="height:100px"></div>
 <?php
  print("<table id=\"pranchas\"  style=\"background-color:#FFF\" width=\"300\"  align=\"center\">");
  print(" <tr>
   <td colspan=\"2\" align=\"center\"> <img src=\"imagens/site/deeply.jpg\" /> <h2>Pranchas</h2> </td>
  </tr>
  <tr>
  ");
  $conta = 0;
    ?>
     <?php
     $sql="SELECT * FROM produtos WHERE nome_produto LIKE '%Deeply%'AND num_tipo=11  ";
     $pranchas=mysql_query($sql, $bd);
     while($produtos=mysql_fetch_array($pranchas))
     {
      $id_produto=$produtos["id_produto"];
      $nome_produto=$produtos["nome_produto"];
      $descricao_produto=$produtos["descricao_produto"];
      $tamanho_produto=$produtos["tamanho_produto"];
      $preco_produto=$produtos["preco_produto"];
      $imagem_produto=$produtos["imagem_produto"];

      if ($conta == 0)
      {
       print
       ("
        <tr>
         <td align=\"center\" >
          <p>$nome_produto</p>
         </td>
        </tr>
        <tr>
         <td>
          <a href=\"show_produto.php?idProd=$id_produto\" rel=\"tooltip\" title=\"
           <table>
            <tr>
             <td>
              Prancha :
             </td> 
             <td>
              $nome_produto
             </td>
            </tr>
            <tr>
             <td>
              Tamanho :
             </td>
             <td>
              $tamanho_produto
             </td>
            </tr>
            <tr>
             <td>
              Preço :
             </td>
             <td>
              $preco_produto €
             </td>
            </tr>
           </table>
          \">
          <img src=\"$imagem_produto\" />
          </a>
         </td>
        </tr>
       ");
       $conta =1;
      }
      else
      {
      print
       ("

         <td align=\"center\">
          <p>$nome_produto</p>
         </td>
        </tr>
        <tr>
         <td>
          <a href=\"show_produto.php?idProd=$id_produto\" rel=\"tooltip\" title=\"
           <table>
            <tr>
             <td>
              Prancha :
             </td> 
             <td>
              $nome_produto
             </td>
            </tr>
            <tr>
             <td>
              Tamanho :
             </td>
             <td>
              $tamanho_produto
             </td>
            </tr>
            <tr>
             <td>
              Preço :
             </td>
             <td>
              $preco_produto €
             </td>
            </tr>
           </table>
          \">
          <img src=\"$imagem_produto\" />
          </a>
         </td>
        </tr>
       </tr>
       ");
       $conta =0;

      }
     }

?>

Share this post


Link to post
Share on other sites
HappyHippyHippo

espero que percebas a razão de não se usar tabelas para fazer este tipo de apresentação

o que tu pretendes será algo do genero

.produto {
 float: left;
 width: 200px;
}
.clear {
 clear: both;
}

<div id="produtos">
 <div class="produto">todos os elementos informativos do produto</div>
 <div class="produto">todos os elementos informativos do produto</div>
 <div class="produto">todos os elementos informativos do produto</div>
 <div class="produto">todos os elementos informativos do produto</div>
</div>
<div class="clear"></div>

desta forma terás a página a apresentar o número de produtos na horizontal que conseguir e continuar na "linha seguinte"

caso a janela de browser diminuir, os elementos ".produto" irão se adaptar para serem sempre apresentados na vertical sem esconder nenhum na horizontal


IRC : sim, é algo que ainda existe >> #p@p

Share this post


Link to post
Share on other sites
bLTR

mas para isso tenho que meter para todos os produtos? é que não estou a ver como hei de aplicar isso no ciclo while...

Share this post


Link to post
Share on other sites
HappyHippyHippo
echo '<div id="produtos">';
while ($produtos=mysql_fetch_array($pranchas)) {
 echo '<div class="produto">todos os elementos informativos do produto</div>';
}
echo '</div>';
echo '<div class="clear"></div>';


IRC : sim, é algo que ainda existe >> #p@p

Share this post


Link to post
Share on other sites
bLTR

tens mesmo maneira de fazer como eu tenho mas metendo apenas 3 pranchas numa linha e que seja por tables? é que não tenho tempo para mudar tudo ...

Share this post


Link to post
Share on other sites
HappyHippyHippo

é complicado porque envolve continhas .... eu aconselho vivamente a alterar para div's, no entanto o que poderás fazer será

// verifica se existem produtos a apresentar
if (mysql_num_rows($pranchas) > 0) {
 // inicializa a tabela
 echo '<table>';

 // ciclo de apresentação dos produtos
 $count = 0;
 $produtos_por_linha = 3;
 while ($produtos=mysql_fetch_array($pranchas)) {
   // inicializa uma linha da tabela caso esta a começar a apresentação
   // ou o produto a apresentar deverá ser apresentado na nova linha
   if ($count == 0 || $count % $produtos_por_linha == 0)
     echo '<tr>';

   // apresenta o produto
   echo '<td class="produto">todos os elementos informativos do produto</td>';

   // incrementa o número do produto a apresentar
   $count++;
   // verifica se o próximo produto a ser apresentado é na linha seguinte
   // se sim, fecha esta linha da tabela
   if ($count % $produtos_por_linha == 0)
     echo '</tr>';
 }

 // verifica se existem células da tabela a serem apresentadas
 // exemplo : tabela com 3 colunas mas se só tiveres 2 produtos
 // necessitas de adicionar uma célula extra
 if ($i % $produtos_por_linha != 0) {
   // ciclo de adiciona as células extras necessárias à linha da tabela
   for ($i = $count; $i % $produtos_por_linha != 0; $i++)
     echo '<td></td>';
   // fecha a linha da tabela
   echo '</tr>';
 }

 // fecha a tabela
 echo '</table>';
}

novamente volto a dizer : faz com divs !!!


IRC : sim, é algo que ainda existe >> #p@p

Share this post


Link to post
Share on other sites
bLTR

não me podes fazer grande favor, e fazeres isso por mim, tipo o código que fizes-te agora, no meu código? é que ainda tenho que fazer outra parte que é o carrinho de compras e tenho que apresentar o trabalho amanha...

agradecia-te mesmo muito se fizesses isso sff

Share this post


Link to post
Share on other sites
MASNathan
não me podes fazer grande favor, e fazeres isso por mim, tipo o código que fizes-te agora, no meu código? é que ainda tenho que fazer outra parte que é o carrinho de compras e tenho que apresentar o trabalho amanha...agradecia-te mesmo muito se fizesses isso sff

basta substituíres o que está dentro do while e colocares o $sql(blablabla) no topo, não custa nada

EDIT: substituis esta linha

echo '<td class="produto">todos os elementos informativos do produto</td>';

pelo que está dentro do teu while (tirando os <tr> do teu código)

Edited by MASNathan

Share this post


Link to post
Share on other sites
HappyHippyHippo

não me podes fazer grande favor, e fazeres isso por mim, tipo o código que fizes-te agora, no meu código? é que ainda tenho que fazer outra parte que é o carrinho de compras e tenho que apresentar o trabalho amanha...

agradecia-te mesmo muito se fizesses isso sff

hahahahahahahahahahahahahahahahahahahahahahahahahahahahaha

(acho que foi suficientemente explicito)

é claro que não vou fazer tal coisa


IRC : sim, é algo que ainda existe >> #p@p

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

×
×
  • Create New...

Important Information

By using this site you accept our Terms of Use and Privacy Policy. We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.