Layout Fatiado no FW + Divs no DW
Pessoal, como dito na descrição do tópico, movam se estiver errado.
Li alguns tutoriais sobre fatiamento no Fireworks e exportação para o Dreamweaver.
Quando olhei no código fonte, esse layout é construido por tabelas, e como a maioria do pessoal acha que tabelas definitivamente não foram feitas para layout e sim para dados, resolvi procurar alguma coisa melhor, achei um tuto aqui ensinando a fatiar e exportar como Css-layers. Também vi que meu codigo não ficou muito limpo.
Então eu tentei experimentar Fatiar o layout completo no fireworks e contruir manualmente em Divs.
Resultado.
1-) Só consegui deixa-lo "bonito" colocando position absolute.
2-) O Menu não rollover não funcionou.
3-) Não consegui centraliza-lo.
As perguntas são.
1-) Eu fiz certo nessa tentativa?
2-) Precisarei usar Java Script para poder fazer o menu funcionar?
3-) Tem como eu centraliza-lo?
Bom pessoal, eu também estou querendo fazer um Web Standard, pois as veses imagino eu, como deficiente visual tentando acessar uma página. Por isso quero pelo menos tentar fazer, sei que estou no começo mas tenho que aprender.
Qual seria o melhor procedimento? Vi layouts em Css muito bons, mas acho que quem os fez são muito bons. Então, demorarei até chegar até esse nível.
Pra quem quiser ver mais ou menos como ficou meu código, deixei o Css na página pra vocês darem uma olhada.
#topo { position: absolute; height: 91px; width: 760px; left: 0px; top: 0px; right: 0px; bottom: 0px;}#topo02 { position: absolute; height: 76px; width: 551px; left: 209px; top: 91px; right: 0px; bottom: 0px;}#quemsomos { position: absolute; height: 19px; width: 209px; left: 0px; top: 91px; right: 551px; bottom: 0px;}#layout { padding: 0px; height: 500px; width: 760px; position: relative; left: 0px; top: 0px; right: 0px; bottom: 0px;}--></style></head><body><div id="layout"><div id="topo"><img src="SITE 2/images/slice_topo.jpg" width="760" height="91" /></div><div id="topo02"><img src="SITE 2/images/slice_topo02.jpg" width="551" height="76" /></div><div id="quemsomos"><img src="SITE 2/images/hendrikx_r3_c1.jpg" width="209" height="19" /></div></div></body></html>Para entenderem mais ou menos.. Fiz uma div "mãe, e as divs com as imagens e imagens dos menus dentro dessa div "mãe"
usei apenas três para verem como ficou.
Quando eu fazia com tabelas era mais ou menos essa idéia.
Uma Tabela mãe, e varias tabelas com as imagens dentro dela formando o Layout.
Discussão (15)
Carregando comentários...