Problema de formatação

bLTR · July 16, 2012 at 02:50 PM

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;

      }
     }

?>

bLTR · July 18, 2012 at 09:07 AM

continuo a precisar de ajuda no 2º problema, preciso mesmo de ajuda por favor....

ps: esqueci-me de meter o site: http://www.reverseshop.comuv.com

Edited July 18, 2012 at 09:07 AM by bLTR

HappyHippyHippo · July 18, 2012 at 09:28 AM

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

bLTR · July 18, 2012 at 09:39 AM

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

HappyHippyHippo · July 18, 2012 at 09:56 AM

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>';

bLTR · July 18, 2012 at 10:03 AM

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 ...

HappyHippyHippo · July 18, 2012 at 10:18 AM

é 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 !!!

bLTR · July 18, 2012 at 10:53 AM

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

MASNathan · July 18, 2012 at 11:13 AM

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 July 18, 2012 at 11:16 AM by MASNathan

HappyHippyHippo · July 18, 2012 at 11:27 AM

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

Sign In

Problema de formatação

Recommended Posts

bLTR

Link to comment

Share on other sites

bLTR

Link to comment

Share on other sites

HappyHippyHippo

Link to comment

Share on other sites

bLTR

Link to comment

Share on other sites

HappyHippyHippo

Link to comment

Share on other sites

bLTR

Link to comment

Share on other sites

HappyHippyHippo

Link to comment

Share on other sites

bLTR

Link to comment

Share on other sites

MASNathan

Link to comment

Share on other sites

HappyHippyHippo

Link to comment

Share on other sites

Create an account or sign in to comment

Create an account

Sign in

Home

Activity

Revista PROGRAMAR

Important Information