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

ngm_me_kurte

[Resolvido] Cor das células da tabela...

15 mensagens neste tópico

Boas pessoal...

É o seguinte... estive agora a "montar" um site, e nas células das tabelas defini a cor destas.... mas depois ao visualizar no firefox não aparecem as cores das células.... decidi tentar com o IE.... e deu logo... alguém sabe porquê este problema e se existe alguma maneira de o resolver?

Agradeço ajuda  ;)

Cumps

NgM_Me_KuRtE

0

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites

Olha amigo não sei se como definiste a cor.

por exemplo eu poderia colocar o seguinte código:

<td bgcolor=blue> ou <td bgcolor=#0000FF>

ou

<td bgcolor="blue"> ou <td bgcolor="#0000FF">

daria no mesmo. Mas há navegadores que não reconhecem certos metodos. Por isso tente cambiar usando estes dois métodos e testa com os dois navegadores para ver como fica.

Espero ter ajudado.

Cumps de Patrijosa

0

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites

obrigado pela ajuda antes de mais :D

o código que usei é este

<body>
<table width="750" border="0" align="center" cellpadding="0" cellspacing="0">
  <tr>
    <td colspan="2" bgcolor="e7e4d3"><img src="images/logo.png" width="38" height="23" align="top" />  <span class="silkscreen">FP-Designstudio.net</span></td>
    <td width="570" bgcolor="e7e4d3"><div align="right"><span class="verdana"><span class="silkscreen">HOME</span>      <span class="silkscreen">SITEMAP</span>      <span class="silkscreen">CONTACT</span>     <span class="silkscreen">ADMIN PANEL</span></span></div></td>
  </tr>
  <tr>
    <td colspan="3" bgcolor="000000"></td>
  </tr>
  <tr>
    <td colspan="3"><img src="images/banner.jpg" width="750" height="200" /></td>
  </tr>
  <tr>
    <td colspan="3" bgcolor="#000000"></td>
  </tr>
  <tr>
    <td colspan="3" bgcolor="bbd9ee" class="silkscreenmenu"><div align="center">HOME<span class="verdana">      </span>ABOUT<span class="verdana">      </span>NEWS<span class="verdana">      </span>SERVICES<span class="verdana">      </span>PORTFOLIO<span class="verdana">      </span>EXTRAS<span class="verdana">      </span>LINKS<span class="verdana">      </span>LOGIN<span class="verdana">      </span>REGISTER<span class="verdana">      </span>CONTACT</div></td>
  </tr>
  <tr>
    <td colspan="3" bgcolor="#000000"></td>
  </tr>
    <tr>
    <td colspan="3"></td>
  </tr>
      <tr>
    <td colspan="3"></td>
  </tr>
      <tr>
    <td colspan="3"></td>
  </tr>
      <tr>
    <td colspan="3"></td>
  </tr>
  <tr>
    <td width="160" bgcolor="e7e4d3"><span class="silkscreentopicos">Login Painel</span></td>
    <td width="20"> </td>
    <td bgcolor="e7e4d3" class="silkscreentopicos">teste de noticia</td>
  </tr>
  <tr>
    <td colspan="3"></td>
  </tr>
  <tr>
    <td bgcolor="e7e4d3"><span class="silkscreenmenu">username:
        <input name="username2" type="text" class="caixa" id="username2" maxlength="20" />
    </span></td>
    <td> </td>
    <td rowspan="12" bgcolor="e7e4d3"> </td>
  </tr>
  <tr>
    <td bgcolor="e7e4d3"><span class="silkscreenmenu">password:
        <input name="password2" type="password" class="caixa" id="password2" maxlength="20" />
    </span></td>
    <td> </td>
  </tr>
  <tr align="right">
    <td bgcolor="e7e4d3"><span class="silkscreentopicos">
      <input name="singup2" type="submit" class="botao" id="singup2" value="Sign Up!" />
    <span class="verdana">   
        <input name="login" type="submit" class="botao" id="login" value="Login" /></span></td>
    <td> </td>
  </tr>
  <tr>
    <td><div align="right"><span class="silkscreenmenu">lost password?</span></div></td>
    <td> </td>
  </tr>
  <tr>
    <td> </td>
    <td> </td>
  </tr>
  <tr>
    <td bgcolor="e7e4d3"><span class="silkscreentopicos">About</span></td>
    <td> </td>
  </tr>
  <tr>
    <td colspan="2"></td>
  </tr>
  <tr>
    <td bgcolor="e7e4d3"><p class="silkscreenmenu">The standard chunk of <br />
      Lorem Ipsum used since <br />
      the 1500s is reproduced <br />
      below for those interested. <br />
      Sections 1.10.32 and 1.10.33<br />
      from "de Finibus Bonorum<br />
      et Malorum" by Cicero<br />
      are also reproduced in <br />
      their exact original form,<br />
      accompanied by English <br />
      versions from the 1914 <br />
      translation by H. <br />
      Rackham.</p>
      <p class="silkscreenmenu">The standard chunk of <br />
        Lorem Ipsum used since <br />
        the 1500s is reproduced <br />
        below for those interested. <br />
        Sections 1.10.32 and 1.10.33<br />
        from "de Finibus Bonorum<br />
        et Malorum" by Cicero<br />
        are also reproduced in <br />
        their exact original form,<br />
        accompanied by English <br />
        versions from the 1914 <br />
        translation by H. <br />
    Rackham.</p></td>
    <td> </td>
  </tr>
  <tr>
    <td> </td>
    <td> </td>
  </tr>
  <tr>
    <td bgcolor="e7e4d3"><span class="silkscreentopicos">newsletter</span></td>
    <td> </td>
  </tr>
  <tr>
    <td bgcolor="e7e4d3"><span class="silkscreentopicos">e-mail:
        <input name="newsletter2" type="text" class="caixa" id="newsletter2" />
    </span></td>
    <td> </td>
  </tr>
  <tr>
    <td bgcolor="e7e4d3"><div align="right"><span class="silkscreentopicos">
      <input name="send2" type="submit" class="botao" id="send2" value="Send" />
    </span></div></td>
    <td> </td>
  </tr>
  <tr>
    <td> </td>
    <td> </td>
    <td> </td>
  </tr>
  <tr>
    <td colspan="3" bgcolor="e7e4d3"><p align="center"><span class="silkscreenmenu">HOME</span><span class="verdana">      </span><span class="silkscreenmenu">ABOUT</span><span class="verdana">      </span><span class="silkscreenmenu">NEWS</span><span class="verdana">      </span><span class="silkscreenmenu">SERVICES</span><span class="verdana">      </span><span class="silkscreenmenu">PORTFOLIO</span><span class="verdana">      </span><span class="silkscreenmenu">EXTRAS</span><span class="verdana">      </span><span class="silkscreenmenu">LINKS</span><span class="verdana">      </span><span class="silkscreenmenu">SITEMAP</span><span class="verdana">      </span><span class="silkscreenmenu">CONTACT</span></p>
    <p align="center" class="silkscreenmenu">fpdesignsstudio.net, 2007 - todos os direitos reservados</p></td>
  </tr>
</table>
</body>

Cumps

NgM_Me_KuRtE

0

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites

Testei o seguinte código e funcionou sem problemas:

<tr>
    <td bgcolor="#ff0000">1</td>
    <td bgcolor="#00ff00">2</td>
    <td bgcolor="#0000ff">3</td>
</tr>

No teu código, em alguns sítios, falta-te o '#'. No Safari isso funciona de qualquer maneira, mas no Firefox parece que tens que pôr isso direito...

0

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites

ok.... obrigado.... já vou ver onde falta o #... e depois já digo alguma coisa :D

obrigado pela ajuda!

0

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites

bem exprimentei agora e deu.... excepto uma cena...

  <tr>
    <td colspan="3" bgcolor="#000000"></td>
  </tr>

tenho esse código para ficar uma linha a preto... mas no firefox continua a não dar :?

Se podessem ajudar agradecia

Cumps

NgM_Me_KuRtE

0

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites

Antes do </td> mete  

Eu não quero que apareça a célula em si... mas sim uma linha.... não sei se me fiz entender....

0

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites

Como queres ver o fundo da célula se não vês a célula? :D

Mete no <td> isto: style="border-color:#000000"

0

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites

Pessoal, então aqui não se usa CSS?

Atribuis classes mediante a conotação contextual de cada célula e defines a sua cor num ficheiro .css à parte.

A sugestão do djthyrax já usa CSS, e é a maneira a seguir.

Já nem falo no teu layout que é só tabelas.

0

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites

poderias ser mais específico... ou dar um exemplo? nunca usei tableless... ou lá como isso se chama... :D

0

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites

O que o alph está a dizer é para usares <div>s formatados com classes e ids em CSS, definindo posições e afins tudo em CSS, deixando as tabelas para aquilo que foram feitas: mostrar tabelas.

0

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites

Nem tanto, para fazeres isso terias que alterar toda a tua página. O que te estou a dizer é para atribuires classes às tuas células.

Imagina que tens uma tabela de contabilidade em que cada célula da coluna mais à direita corresponde ao sub-total da linha em que está. E a célula no canto inferior direito é o total da tabela. Assim, em cada célula da coluna da direita poderias colocar:

<td class="subtotal">...</td>

E na célula do canto inferior direito colocarías:

<td class="total">...</td>

Nas outras não precisavas de colocar nada de especial quanto à class. O teu ficheiro de CSS ficaria simplesmente:

td {background-color: #000; } /* Cor de fundo duma celula normal */
td.subtotal {background-color: #555; } /* Cor de fundo das celulas do subtotal */
td {background-color: #aaa; } /* Cor de fundo da celula do total */

O que se fez aqui foi dar valor contextual a cada elemento da tabela (dizer quais sao totais e quais sao subtotais) e através de CSS formatá-los devidamente.

No entanto, a maneira correcta seria a descrita pelo djthyrax ao transformares o teu layout em divs, dá uma vista de olhos pelo site Tableless que indiquei lá em cima, se quiseres aprender mais sobre isso.

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