10 replies to this topic

[Felipe Miranda]

Bom pessoal, encontro alumas dificuldades em fazer algumas tabelas em dw, mas uma tabela q ainda ñ consegui fazer é aquelas de bordas finas que nem nsete site:
Prato do Dia
Ajudem me a fazer tabelas desse jeito!
obrigado!
Felip

[diego.rodriguez]

ja respondi +ou - isso em outro topico mas vammos la

faça isso q da certinho:

1- seleciona a tabela
2- no inspetor de propriedades vai estar tds as informaçoes sobre ela
3- coloque cellspace=0
4- border=1

[Putz]

AE,

Cara fazer bordas assim é um tanto complexo, vc tem que te habilidade com tabelas.

SidVicious, se vc olhar o código fonte do site todas as tabelas aparecem com borda 0, as bordas são feitas usando as células da tabela.

Eu já fiz muitas tabelas assim, os passos para se fazer uma são os seguites.

-- Crie uma tabela com 3 linhas e 1 coluna, com cellpadding e cellspacing iguais a 0 e o tamanho que quiser.
-- Altere a cor de fundo da 1ª e da 3ª linha, para a cor desejada para a borda.
-- Altere a altura destas duas linhas para 1 ou 2 px.
-- Vá ao código e retire o comando   das linhas que vc editou.
Obs: O DW dá uns bugs e as vezes põe o código de volta nas linhas. Vc vai ter que verificar novamente no final, pois se esse código estiver lá a linha não fica com a altura escolhida.

Agora as bordas laterais:
-- Crie uma nova tabela dentro da segunda linha da tabela que vc fez, com 1 linha e 3 colunas,com cellpadding e cellspacing iguais a 0 e o mesmo tamanho da anterior.
-- Altere a cor de fundo da 1ª e da 3ª coluna, para a cor desejada para a borda.
-- Altere a largura destas duas colunas para 1 ou 2 px.
-- Nestas colunas não é preciso tirar o código  , mas para ficar mais profissional, aconselho tirá-lo.

Pronto agora vc tem toda a coluna 2 para distribuir seu site, colocando novas tabelas, fotos e etc.

Se tiver dado algum problema ou se vc não tiver entendido algo, pergun indicando o que não entendeu.
Falou!! Espero ter ajudado.

O que acharam desta ajuda? Valeu?

[lol]

Existem vária maneiras de fazer esse tipo de tabela. Vou mostrar usando uma tabela dentro da outra.

<TABLE WIDTH="100%" BGCOLOR="#000000" CELLPADDING="1" CELLSPACING="0">
<TR>
  <TD>

    <TABLE WIDTH="100%" BGCOLOR="#FFFFFF" CELLPADDING="2" CELLSPACING="0">
    <TR>
      <TD>&nbsp;</TD>
      <TD>&nbsp;</TD>
    </TR>
    <TR>
      <TD>&nbsp;</TD>
      <TD>&nbsp;</TD>
    </TR>
    </TABLE>

  </TD>
</TR>
</TABLE>

Observer que criei a primeira tabela sem borda, com fundo preto e CELLPADDING="1" CELLSPACING="0". O CELLPADDING="1" é que vai dar o efeito de 1 pixel na cor do fundo preto. A segunda vc faz como quiser

[Balala]

e uma outra coisa amigo, nesse site essa tabela eh uma farsa, se clicar bem em cima das linhas e salvar plano de fundo, vc vera que eh um jpg, naum tabelas...

[Balala]

sim, vc pode criar uma imagem com 1 pixel de largura por 1 de altura, e definir ela como fundo em uma coluna inteira, ela ira se repetir e ficara um resultado muito bom, usei issu para montar esse site TopFlash dai pra fazer os cantos, mesma coisa, uma imagem que entra na celula, soh q naum como fundo, fica como imagem msm

[lol]

Putz!

o dreamweaver nao aceita tabelas com valores peguqenos! ele sempre arredonda nunca consigo dexa a tabela do tamanho que quero, nem alterando no codigo, ma vez me ensinaram que eu tinha q fazer uma imagem transparente do tamaho da tabela que eu quisesse pra pode deixa-la pequena...


essa dica q vc deu eh para o dreamweaver?

Tem como fazer sem imagem. Passa a página que eu mostro como fazer sem o uso de imagem, mas tenho que olhar o código HTML para ver onde corrigir.

:light:

[Putz]

Putz!

o dreamweaver nao aceita tabelas com valores peguqenos! ele sempre arredonda nunca consigo dexa a tabela do tamanho que quero, nem alterando no codigo, ma vez me ensinaram que eu tinha q fazer uma imagem transparente do tamaho da tabela que eu quisesse pra pode deixa-la pequena...


essa dica q vc deu eh para o dreamweaver?

AE,

A dica é no DW sim, para vc atribuir valores pequenos vc tem que tirar o código de espaço ( ), que o DW automaticamente coloca nas cels da tabela. Vc tem que pro o valor e tirar esse código que aí funciona. E é o que eu disse no tuto, depois que terminar tudo, revise essas cels, pq as veiz, o DW põe o código de novo. Deve ser algum bug dele.

Falou!!

[Balala]

mas issu se aplica as linhas, ja com colunas naum importa o codigo, pode ser colocado qlq valor para largura

[Perazzo]

Para fazer a tabela ter bordas finas é muito fácil, na verdade nem colocar o "border" como 1 ou mais precisa. Faça o seguinte:

<table width="100%" border="0" cellspacing="1" cellpadding="1" bgcolor="cor da borda que tu queres ver">

<tr>
<td bgcolor="cor de fundo da tua célula"></td>
</tr>

</table>

Simples assim! Espero ter ajudado

Flávio Perazzo