• Revista PROGRAMAR: Já está disponível a edição #53 da revista programar. Faz já o download aqui!

Platonic

Juntar tabelas

15 mensagens neste tópico

Hey, estou a fazer um site que junta css, com html e com php.

Portanto, eu tenho 2 tabelas onde vai estar o php e, nao as consigo juntar.

Supostamente a tabela da direita devia ficar ao lado da da esquerda, de forma a criar ali uma tabela no meio para as Noticias.

O que acontece é o seguinte:

falhas.th.jpg

O código das tabelas fica abaixo:

<table width="700" height="150px"  border="0" cellspacing="0" cellpadding="0"  background="stats.png">       
       </tr>
       <tr valign="top">  
         <td width="1%"> </td>
         <td width="233px"><p><br>
           <? include ("sc_headlines.php"); ?>
         </p></td>
         <td width="233px"><p><br><? include ("sc_results.php"); ?></p></td> 
	 <td width="233px"><p><br><? include("sc_articles.php"); ?></p></td> 
       </tr> 
  </table>

<table class="dir" width="100px" height="800px"  border="0" cellspacing="0" cellpadding="0" align="right">       
       </tr>
       <tr valign="top">  
         <td width="1%">
           <p><a href="#"  onMouseOver="mouseOverhgspsponsor()" onMouseOut="mouseOuthgspsponsor()"><img border="0" alt="Visit W3Schools!" src="gspsponsor.png" id="gspsponsor" /><br>
           </a><a href="#" onMouseOver="mouseOverhsponsor()" onMouseOut="mouseOuthsponsor()"><img border="0" alt="Visit W3Schools!" src="headsponsor.png" id="bheadsponsor" /></a>
             <a href="#"  onmouseover="mouseOverhosponsor1()" onmouseout="mouseOuthosponsor1()"><img border="0" alt="Visit W3Schools!" src="othersponsor1.png" id="othersponsor1" /></a>
             <a href="#"  onmouseover="mouseOverhosponsor2()" onmouseout="mouseOuthosponsor2()"><img border="0" alt="Visit W3Schools!" src="othersponsor2.png" id="othersponsor2" /></a>           </p>
         </td>
   
       </tr>       
  </table>

0

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites

<table>
<tr><td>
<table width="700" height="150px"  border="0" cellspacing="0" cellpadding="0"  background="stats.png">      
       </tr>
       <tr valign="top">  
         <td width="1%"> </td>
         <td width="233px"><p><br>
           <? include ("sc_headlines.php"); ?>
         </p></td>
         <td width="233px"><p><br><? include ("sc_results.php"); ?></p></td>
                 <td width="233px"><p><br><? include("sc_articles.php"); ?></p></td>
       </tr>
  </table>
</td><td>
<table class="dir" width="100px" height="800px"  border="0" cellspacing="0" cellpadding="0" align="right">      
       </tr>
       <tr valign="top">  
         <td width="1%">
           <p><a href="#"  onMouseOver="mouseOverhgspsponsor()" onMouseOut="mouseOuthgspsponsor()"><img border="0" alt="Visit W3Schools!" src="gspsponsor.png" id="gspsponsor" /><br>
           </a><a href="#" onMouseOver="mouseOverhsponsor()" onMouseOut="mouseOuthsponsor()"><img border="0" alt="Visit W3Schools!" src="headsponsor.png" id="bheadsponsor" /></a>
             <a href="#"  onmouseover="mouseOverhosponsor1()" onmouseout="mouseOuthosponsor1()"><img border="0" alt="Visit W3Schools!" src="othersponsor1.png" id="othersponsor1" /></a>
             <a href="#"  onmouseover="mouseOverhosponsor2()" onmouseout="mouseOuthosponsor2()"><img border="0" alt="Visit W3Schools!" src="othersponsor2.png" id="othersponsor2" /></a>           </p>
         </td>
   
       </tr>      
  </table>
</td></tr>
</table>

Vê se funciona. A ideia é colocar as duas tabelas lado a lado em duas colunas de uma outra tabela.

0

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites

Desde já obrigado pela resposta.

As tabelas agora estão lado a lado, mas não como devia:

falha2.th.jpg

0

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites
<table>
<tr><td style="vertical-align: top;">
<table width="700" height="150px"  border="0" cellspacing="0" cellpadding="0"  background="stats.png">      
       </tr>
       <tr valign="top">  
         <td width="1%"> </td>
         <td width="233px"><p><br>
           <? include ("sc_headlines.php"); ?>
         </p></td>
         <td width="233px"><p><br><? include ("sc_results.php"); ?></p></td>
                 <td width="233px"><p><br><? include("sc_articles.php"); ?></p></td>
       </tr>
  </table>
</td><td>
<table class="dir" width="100px" height="800px"  border="0" cellspacing="0" cellpadding="0" align="right">      
       </tr>
       <tr valign="top">  
         <td width="1%">
           <p><a href="#"  onMouseOver="mouseOverhgspsponsor()" onMouseOut="mouseOuthgspsponsor()"><img border="0" alt="Visit W3Schools!" src="gspsponsor.png" id="gspsponsor" /><br>
           </a><a href="#" onMouseOver="mouseOverhsponsor()" onMouseOut="mouseOuthsponsor()"><img border="0" alt="Visit W3Schools!" src="headsponsor.png" id="bheadsponsor" /></a>
             <a href="#"  onmouseover="mouseOverhosponsor1()" onmouseout="mouseOuthosponsor1()"><img border="0" alt="Visit W3Schools!" src="othersponsor1.png" id="othersponsor1" /></a>
             <a href="#"  onmouseover="mouseOverhosponsor2()" onmouseout="mouseOuthosponsor2()"><img border="0" alt="Visit W3Schools!" src="othersponsor2.png" id="othersponsor2" /></a>           </p>
         </td>
   
       </tr>      
  </table>
</td></tr>
</table>

0

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites

Obrigado, já está a funcionar.

Agora é so meter em tabelas as partes do php para nao ficar disfuncional, se tiver duvidas posto aqui :D

0

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites

Mais uma questão:

Neste momento as news e as outras "cenas" das respectivas paginas estão a aparecer mais abaixo do que era suposto.

Podem ver aqui: www.overpower-egaming.com

Código Fonte

<html>

<head>

<?

include("_mysql.php");

include("_settings.php");

include("_functions.php");

?>

<title><? echo PAGETITLE; ?> </title>

<link href="_stylesheet.css" rel="stylesheet" type="text/css">

<script src="js/bbcode.js" language="jscript" type="text/javascript"></script>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

<link rel="stylesheet" type="text/css"

href="style.css" />

<script src="stylejavascript.js"></script>

</head>

<BODY BACKGROUND="bg_content_all.jpg" LEFTMARGIN=0 TOPMARGIN=0 MARGINWIDTH=0 MARGINHEIGHT=0">

<div id="total">

  <div class="corrido">

    <div class="loginarea">

   

        <? include("login.php"); ?>

   

    </div>

  </div>

  <img class="header" src="header.png"> <br>

  <img class="separador" src="separator.png"><a href="index.php" onmouseover="mouseOver()" onmouseout="mouseOut()"><img border="0" alt="" src="botaohome.png" id="b1" /></a><a href="index.php?site=members" onmouseover="mouseOver1()" onmouseout="mouseOut1()"><img border="0" alt="Visit W3Schools!" src="botaoteams.png" id="b2" /></a><a href="index.php?site=clanwars" onmouseover="mouseOver2()" onmouseout="mouseOut2()"><img border="0" alt="Visit W3Schools!" src="botaomatches.png" id="b3" /></a><a href="index.php?site=awards" onmouseover="mouseOver3()" onmouseout="mouseOut3()"><img border="0" alt="Visit W3Schools!" src="botaoawards.png" id="b4" /></a><a href="index.php?site=forum" onmouseover="mouseOver4()" onmouseout="mouseOut4()"><img border="0" alt="Visit W3Schools!" src="botaoforum.png" id="b5" /></a><img class="separador" src="separator.png"><a href="index.php?site=sponsors" onmouseover="mouseOver5()" onmouseout="mouseOut5()"><img border="0" alt="Visit W3Schools!" src="botaosponsors.png" id="b6" /></a><a href="index.php?site=files" onmouseover="mouseOver6()" onmouseout="mouseOut6()"><img border="0" alt="Visit W3Schools!" src="botaofiles.png" id="b7" /></a><a href="index.php?site=contact" onmouseover="mouseOver7()" onmouseout="mouseOut7()"><img border="0" alt="Visit W3Schools!" src="botaocontacts.png" id="b8" /></a>

  </p>

</p>

<table>

<tr><td style="vertical-align: top;">

<p></p>

<table width="700" height="150px"  border="0" cellspacing="0" cellpadding="0"  background="stats.png">     

      </tr>

      <tr valign="top"> 

        <td width="1%"> </td>

        <td width="233px"><p><br>

          <? include ("sc_headlines.php"); ?>

        </p></td>

        <td width="233px"><p><br><? include ("sc_results.php"); ?></p></td>

                <td width="233px"><p><br><? include("sc_articles.php"); ?></p></td>

      </tr>

  </table>

  <table width="700" height="700px"  border="0" cellspacing="0" cellpadding="0" background="bg_content.jpg" >

                <td width="565"><?

if(!isset($site)) $site="news";

$invalide = array('','/','//',':','.');

$site = str_replace($invalide,' ',$site);

if(!file_exists($site.".php")) $site = "news";

include($site.".php");

?> </td>

  </table>

</td><td>

<table class="dir" width="100px" height="800px"  border="0" cellspacing="0" cellpadding="0" align="right" background="bg_content.jpg" >     

      </tr>

      <tr valign="top"> 

        <td width="1%">

          <p><a href="#" onMouseOver="mouseOverhsponsor()" onMouseOut="mouseOuthsponsor()"><img border="0" alt="Visit W3Schools!" src="headsponsor.png" id="bheadsponsor" /></a><a href="#"  onMouseOver="mouseOverhgspsponsor()" onMouseOut="mouseOuthgspsponsor()"><br>

            <img border="0" alt="Visit W3Schools!" src="gspsponsor.png" id="gspsponsor" /><br>

          </a>

            <a href="#"  onmouseover="mouseOverhosponsor1()" onmouseout="mouseOuthosponsor1()"><img border="0" alt="Visit W3Schools!" src="othersponsor1.png" id="othersponsor1" /></a>

            <a href="#"  onmouseover="mouseOverhosponsor2()" onmouseout="mouseOuthosponsor2()"><img border="0" alt="Visit W3Schools!" src="othersponsor2.png" id="othersponsor2" /></a>          </p>        </td>

 

      </tr>     

  </table>

</td></tr>

</table>

</div>

</div>

</body>

</html>

0

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites

Descupa a pergunta, mas porque é que usas tabelas e não CSS?

E porque é que não defines os estilos que usas nas tabelas numa stylesheet à parte?

0

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites

Descupa a pergunta, mas porque é que usas tabelas e não CSS?

E porque é que não defines os estilos que usas nas tabelas numa stylesheet à parte?

Porque com o Webspell tem que se usar tabelas.

Além da questao que fiz, como posso criar uma tabela que abranja a área toda abaixo do header? de forma a ficar a partir do header para baixo tudo com o fundo mais escuro?

Deste tipo:

tablen.th.jpg

0

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites

Olha, o truque é substituir o table por div.

Por exemplo

<div id="cabecalho">....</div>

<div id="conteudo">

  <div id="coluna1">...</div>

  <div id="coluna2">...</div>

</div>

#cabecalho {

  background-color: #333333;

}

#conteudo {

  background-color: #dddddd;

}

Vai de encontro áquilo que perguntaste?

0

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites

Nos layouts é sempre aconselhável usar tabelas por causa de incompatibilidades entre browsers. (IE)

0

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites

Nos layouts é sempre aconselhável usar tabelas por causa de incompatibilidades entre browsers. (IE)

Não concordo de forma alguma. É possível implementares um bom CSS em que mantenhas o layout nos diferentes browsers.

Segundo, utilizares CSS fazes com que a página seja mais rápida no carregamento. Uma página com uma tabela é lida duas vezes, a primeira para analisar a estrutura da tabela e a segunda para saber qual a informação a mostrar. Tens de repetir este procedimento para cada página com tabelas. Um ficheiro CSS é carregado apenas uma vez, e não é necessário ao browser fazer a análise do HTML para aprsentaro layout.

Existem mais vantagens, mas creio que estas são bastante exemplificativas.

0

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites

Nos layouts é sempre aconselhável usar tabelas por causa de incompatibilidades entre browsers. (IE)

É aconselhável usar tabelas para não causar incompatibilidades e todos os browsers interpretarem o site de igual forma e continuar a ter uma Web mal desenvolvida e sem standards durante os anos seguintes? Ou...

Será aconselhável usar divs obrigando a que todos os browsers sigam os standards como deveria ser suposto caminhando para uma Web mais regularizada e bem desenvolvida?

Eu voto na segunda...

Desenvolver com tabelas só por causa da incompatibilidade, não é desculpa!

0

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites

Eu também votava na segunda se mais de metade (muito mais) não usa-se o IE.

0

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites

Será aconselhável usar divs obrigando a que todos os browsers sigam os standards como deveria ser suposto caminhando para uma Web mais regularizada e bem desenvolvida?

Eu voto na segunda...

Desenvolver com tabelas só por causa da incompatibilidade, não é desculpa!

Eu não só concordo contigo como ainda acrescento o seguinte: se vamos falar de incompatibilidade então avance-mos a questão das tabelas. Existem n pormenores que não funcionam da mesma maneira em IE e nos outros browsers. Aliás, é muito interessante nós utilizar-mos a expressão "o IE e os Outros browsers", mostra claramente onde há a falha.

0

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites

Eu também votava na segunda se mais de metade (muito mais) não usa-se o IE.

Continua a ser uma desculpa esfarrapada para não se fazer as coisas como deve ser... Eu chamo a isso, preguicite aguda. Em todos os meus sites, não uso tabelas (a não ser que seja realmente necessário e apropriado) e testo intensivamente em todos os grandes browsers e várias versões do IE até que o site funcione.

Se eu o faço, qualquer um o pode fazer... E se o teu objectivo é seres bom nessa área e ser reconhecido pelo teu trabalho bem feito e não apenas "mais um que faz sites", também tens de o fazer.

0

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites

Crie uma conta ou ligue-se para comentar

Só membros podem comentar

Criar nova conta

Registe para ter uma conta na nossa comunidade. É fácil!


Registar nova conta

Entra

Já tem conta? Inicie sessão aqui.


Entrar Agora