18 replies to this topic

[Luciano Caetano]

Olá Pessoal.
Tenho que desenvolver um site no estilo desse aqui. www.ieda.edu.br
O meu problema é o seguinte.
Criei a primeira linha e coloquei o topo e funcionou certinho.
Agora na segunda linha, criei 3 colunas e várias linhas, pra uma ficar o menu, a do meio informações gerais, e na terceira algum outro dado.
So que quando coloco alguma imagem em uma linha ela automaticamente aumenta o espaço da linha dos lados.
Queria que ela fosse independente, eu pudesse mudar a coluna e nao alterar nada a coluna do lado.
Grato pela ajuda

[AN Web Designer]

Coloque valores fixos para amarrar as colunas.

[Luciano Caetano]

Como assim, como que faz pra colocar valores fixos?

[AN Web Designer]

Exemplo:

Trabalhando com tabelas:

Faça uma tabela valor 776 pixels de largura, depois com 03 colunas e nessas colunas faça a divisão dos (776)

1º. coluna 200 pixels de largura - menu
2º. coluna 476 pixels de largura - conteudo
3º. coluna 200 pixels de largura - propaganda

Os valores são apenas como exemplo.

[Luciano Caetano]

Maravilha, valeu mesmo, deu certinho.
Agora só um detalhe.
Tentei alinhar a primeira coluna ao topo, pro menu sempre ficar em cima, pq quando crio mais linhas na coluna central o menu fica centralizado na pagina. Então, o ideal é ele ficar no topo, e os espaços irem pra baixo.
Alterei manualmente <table width="200" border="0" align="top"> o alinhamento pra top, mas nao mudou nada

[AN Web Designer]

Por favor tente inserir uma tabela dentro da coluna.

[Luciano Caetano]

eu criei a tabela e inseri as colunas
deu certo funcionou blz.,
Agora só to querendo alinhar a coluna da esquerda ao topo da tabela.
Inserindo linhas ela sobe. Esse é o procedimento correto?

[§ Kenshin §]

na verdade voce deve trabalhar com divs, pois o uso de tabela em layout esta entrando em decadencia
(na verdade ja esta a muito tempo).
alem do mais, a largura da tabela so funciona enquanto o conteudo nao ultrapassa essa largura,
ou seja, voce teria que policiar cada conteudo que fosse adicionado para que nao ultrapassasse essa largura.

enfim, mergulhe nas divs e no css.
css eh o presente e o futuro, tabelas no design sao o passado.

no caso desse tipo de layout, basicamente vc tem uma div principal conteudo toda a pagina,
com as outras cinco organizadas dentro dela, dessa maneira.

<div id="pagina">

<div id="topo">
</div>
<div id="coluna_esq">
</div>
<div id="conteudo">
</div>
<div id="coluna_dir">
</div>
<div id="rodape">
</div>

</div>

a id voce escolhe de acordo com sua necessidade, mas a estrutura eh basicamente essa.
quando ao css ai voce tem que correr atras e ir montando, pesquisando (e haja pesquisa).
mas vale a pena. o meu site eu acabei agora de migrar pro tableless (sem tabelas no design).
voce pode copiar esse codigo pro editor e adicionar as propriedades com css.

da uma olhada na diferenca:

Xtreme! 3.0 - nova versao (design com css / tableless)

Xtreme! 2.1 - versao antiga no cache do google(design com tabelas)

ja tirei as imagens que formam o design da versao antiga do servidor. so da pra ver a estrutura e o conteudo.
no mais, usa a busca: muita coisa (quase tudo) eu aprendi aqui.

qualquer coisa estamos ai.

valew

[Luciano Caetano]

Realmente pretendo me dedicar ao CSS futuramente.
Mas gostaria de solucionar esse problema.
Não to conseguindo alinhar a coluna inteira da esquerda ao topo da tabela. Ela sempre fica no meio

[Luciano Caetano]

Ainda nao consegui solucionar o problema
Não consigo alinhar a coluna da esquerda ao topo da pagina.
Alguém poderia me dar uma dica

[AN Web Designer]

Olá !!!
Na célula da esquerda configure com os atributos:

• Horz: Center ou Left
• Vert: Top

e após isso insira a nova taleba nesta célula.


AN

[Luciano Caetano]

Onde que eu defino esses atributos?

[AN Web Designer]

Em properties.

Vá em Window > Propoerties.

Clique dentro da célula que irão aparecer as opções a serem configuradas.

Ou através do modo "Code" onde você poderá alterar diretamente em seu código HTML:

<td width="100" align="center" valign="top"></td>

O valor "100" é apenas um exemplo.


AN

[Luciano Caetano]

Devo tar fazendo besteira em algum lugar
Pq ja coloquei esse código de tudo quanto é forma, inclusive dessa e nada de mudar esse alinhamento da coluna.
Nossa que raiva, sou burro demais.

[AN Web Designer]

Tire um print Screen de seu trabalho para que possa ser visualizado.

AN