Prym3r Posted November 27, 2004 Share Posted November 27, 2004 Boas. Estou a trabalhar agora no meu novo layout para o meu site , e tou com uns pekenos problemas kuando a passo para o dreamweaver , e gostaria de ver se alguem me podia ajudar. Nao percebo muito de html , so memo o basico. O que se passa é o seguinte. No Photoshop tenho o layout centrado , kuando o passo para o dreamweaver esta tudo bem , o pior e kuando gravo a pagina.... Kuando vejo com o IE , ela esta exactamente como a fiz , mas kuando a vejo no firefox , a pagina fika encostada ao lado direito. Fui a page properities , e meti margem do lado direito...mas mais vez...no IE fika bem , mas no Firefox fika encostada ao lado direito Alguem me sabe dizer o pk? ou me indicar um bom forum de ajuda em html? thanks Link to comment Share on other sites More sharing options...
cel Posted November 27, 2004 Share Posted November 27, 2004 assim e dificil disponibiliza o codigo Link to comment Share on other sites More sharing options...
Nazgulled Posted November 27, 2004 Share Posted November 27, 2004 indeed... o codigo ajudava bastante Link to comment Share on other sites More sharing options...
Prym3r Posted November 28, 2004 Author Share Posted November 28, 2004 sorry... Ok ta aki...com o codigo assim , a pagina esta enconstada ao lado direito...e keria centrar... Pus : LEFTMARGIN=100 e fika centrado..mas paenas no IE nao percebo nada disto :crying: <HTML> <HEAD> <TITLE>psd</TITLE> <META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=iso-8859-1"> </HEAD> <BODY BGCOLOR=#FFFFFF LEFTMARGIN=100 TOPMARGIN=0 MARGINWIDTH=0 MARGINHEIGHT=0> <!-- ImageReady Slices (psd.psd) --> <TABLE WIDTH=742 BORDER=0 CELLPADDING=0 CELLSPACING=0> <TR> <TD COLSPAN=15> <IMG SRC="images/psd_01.gif" WIDTH=742 HEIGHT=141 ALT=""></TD> <TD> <IMG SRC="images/spacer.gif" WIDTH=1 HEIGHT=141 ALT=""></TD> </TR> <TR> <TD COLSPAN=15> <IMG SRC="images/psd_02.gif" WIDTH=742 HEIGHT=43 ALT=""></TD> <TD> <IMG SRC="images/spacer.gif" WIDTH=1 HEIGHT=43 ALT=""></TD> </TR> <TR> <TD ROWSPAN=9> <IMG SRC="images/psd_03.gif" WIDTH=15 HEIGHT=324 ALT=""></TD> <TD> <IMG SRC="images/psd_04.gif" WIDTH=162 HEIGHT=128 ALT=""></TD> <TD ROWSPAN=9> <IMG SRC="images/psd_05.gif" WIDTH=19 HEIGHT=324 ALT=""></TD> <TD COLSPAN=10 ROWSPAN=3> <IMG SRC="images/psd_06.gif" WIDTH=532 HEIGHT=259 ALT=""></TD> <TD COLSPAN=2 ROWSPAN=4> <IMG SRC="images/psd_07.gif" WIDTH=14 HEIGHT=272 ALT=""></TD> <TD> <IMG SRC="images/spacer.gif" WIDTH=1 HEIGHT=128 ALT=""></TD> </TR> <TR> <TD> <IMG SRC="images/psd_08.gif" WIDTH=162 HEIGHT=47 ALT=""></TD> <TD> <IMG SRC="images/spacer.gif" WIDTH=1 HEIGHT=47 ALT=""></TD> </TR> <TR> <TD ROWSPAN=3> <IMG SRC="images/psd_09.gif" WIDTH=162 HEIGHT=128 ALT=""></TD> <TD> <IMG SRC="images/spacer.gif" WIDTH=1 HEIGHT=84 ALT=""></TD> </TR> <TR> <TD COLSPAN=10> <IMG SRC="images/psd_10.gif" WIDTH=532 HEIGHT=13 ALT=""></TD> <TD> <IMG SRC="images/spacer.gif" WIDTH=1 HEIGHT=13 ALT=""></TD> </TR> <TR> <TD ROWSPAN=5> <IMG SRC="images/psd_11.gif" WIDTH=73 HEIGHT=52 ALT=""></TD> <TD COLSPAN=10 ROWSPAN=2> <IMG SRC="images/psd_12.gif" WIDTH=464 HEIGHT=39 ALT=""></TD> <TD ROWSPAN=2> <IMG SRC="images/psd_13.gif" WIDTH=9 HEIGHT=39 ALT=""></TD> <TD> <IMG SRC="images/spacer.gif" WIDTH=1 HEIGHT=31 ALT=""></TD> </TR> <TR> <TD ROWSPAN=4> <IMG SRC="images/psd_14.gif" WIDTH=162 HEIGHT=21 ALT=""></TD> <TD> <IMG SRC="images/spacer.gif" WIDTH=1 HEIGHT=8 ALT=""></TD> </TR> <TR> <TD COLSPAN=5> <IMG SRC="images/psd_15.gif" WIDTH=216 HEIGHT=1 ALT=""></TD> <TD ROWSPAN=3> <IMG SRC="images/psd_16.gif" WIDTH=30 HEIGHT=13 ALT=""></TD> <TD> <IMG SRC="images/psd_17.gif" WIDTH=22 HEIGHT=1 ALT=""></TD> <TD ROWSPAN=3> <IMG SRC="images/psd_18.gif" WIDTH=17 HEIGHT=13 ALT=""></TD> <TD COLSPAN=3 ROWSPAN=3> <IMG SRC="images/psd_19.gif" WIDTH=188 HEIGHT=13 ALT=""></TD> <TD> <IMG SRC="images/spacer.gif" WIDTH=1 HEIGHT=1 ALT=""></TD> </TR> <TR> <TD ROWSPAN=2> <IMG SRC="images/psd_20.gif" WIDTH=78 HEIGHT=12 ALT=""></TD> <TD COLSPAN=2> <IMG SRC="images/psd_21.gif" WIDTH=71 HEIGHT=5 ALT=""></TD> <TD ROWSPAN=2> <IMG SRC="images/psd_22.gif" WIDTH=17 HEIGHT=12 ALT=""></TD> <TD ROWSPAN=2> <IMG SRC="images/psd_23.gif" WIDTH=50 HEIGHT=12 ALT=""></TD> <TD ROWSPAN=2> <IMG SRC="images/psd_24.gif" WIDTH=22 HEIGHT=12 ALT=""></TD> <TD> <IMG SRC="images/spacer.gif" WIDTH=1 HEIGHT=5 ALT=""></TD> </TR> <TR> <TD> <IMG SRC="images/psd_25.gif" WIDTH=19 HEIGHT=7 ALT=""></TD> <TD> <IMG SRC="images/psd_26.gif" WIDTH=52 HEIGHT=7 ALT=""></TD> <TD> <IMG SRC="images/spacer.gif" WIDTH=1 HEIGHT=7 ALT=""></TD> </TR> <TR> <TD> <IMG SRC="images/spacer.gif" WIDTH=15 HEIGHT=1 ALT=""></TD> <TD> <IMG SRC="images/spacer.gif" WIDTH=162 HEIGHT=1 ALT=""></TD> <TD> <IMG SRC="images/spacer.gif" WIDTH=19 HEIGHT=1 ALT=""></TD> <TD> <IMG SRC="images/spacer.gif" WIDTH=73 HEIGHT=1 ALT=""></TD> <TD> <IMG SRC="images/spacer.gif" WIDTH=78 HEIGHT=1 ALT=""></TD> <TD> <IMG SRC="images/spacer.gif" WIDTH=19 HEIGHT=1 ALT=""></TD> <TD> <IMG SRC="images/spacer.gif" WIDTH=52 HEIGHT=1 ALT=""></TD> <TD> <IMG SRC="images/spacer.gif" WIDTH=17 HEIGHT=1 ALT=""></TD> <TD> <IMG SRC="images/spacer.gif" WIDTH=50 HEIGHT=1 ALT=""></TD> <TD> <IMG SRC="images/spacer.gif" WIDTH=30 HEIGHT=1 ALT=""></TD> <TD> <IMG SRC="images/spacer.gif" WIDTH=22 HEIGHT=1 ALT=""></TD> <TD> <IMG SRC="images/spacer.gif" WIDTH=17 HEIGHT=1 ALT=""></TD> <TD> <IMG SRC="images/spacer.gif" WIDTH=174 HEIGHT=1 ALT=""></TD> <TD> <IMG SRC="images/spacer.gif" WIDTH=5 HEIGHT=1 ALT=""></TD> <TD> <IMG SRC="images/spacer.gif" WIDTH=9 HEIGHT=1 ALT=""></TD> <TD></TD> </TR> </TABLE> <!-- End ImageReady Slices --> </BODY> </HTML> Link to comment Share on other sites More sharing options...
Nazgulled Posted November 28, 2004 Share Posted November 28, 2004 (edited) geezzum conselho, larga a tag body, deixa a tar sozinha k fazes o melhor; passa isso pa xhtml+css e n vais ter problemas em qq browser.como disseste k pescavas pouco disso, lê uns tutoriais sobre o assunto ;) ms uma maneira de resolveres isso rapidamente sem teres muito trabalho:<TABLE WIDTH=742 BORDER=0 CELLPADDING=0 CELLSPACING=0 [B]align="center"[/B]>e remove a amrgem eskerda,a te pk isso não é propriamente centrar... tas-lhe a dar um valor fixo, alguem com uma resolução diferente da tua ja n vai ver isso como tu vês Edited November 28, 2004 by Nazgulled Link to comment Share on other sites More sharing options...
Tretabyte Posted November 28, 2004 Share Posted November 28, 2004 Boas, melhor concelho ainda acima do que o Naz disse, cria um CSS com isso, assim sim vais poder mexer como keres no que queres. sem mais Tretabyte Link to comment Share on other sites More sharing options...
Prym3r Posted November 28, 2004 Author Share Posted November 28, 2004 Hum..vou me informar mais sobre isso do CSS. entretanto ja resolvi mais ou menos o problema. Modifikei : <BODY BGCOLOR=#FFFFFF LEFTMARGIN=100 TOPMARGIN=0 MARGINWIDTH=0 MARGINHEIGHT=0> por: <BODY BGCOLOR=#FFFFFF LEFTMARGIN=100 TOPMARGIN=0 MARGINWIDTH=100% MARGINHEIGHT=0> meti 100% no MARGINWIDTH Editado: um conselho, larga a tag body.... ← eu nao fiz codigo absolutamente nenhum , foi o Photoshop. "Slicei" po layout , "save for web" save .html and images. thanks 4 ur help Link to comment Share on other sites More sharing options...
Nazgulled Posted November 28, 2004 Share Posted November 28, 2004 pois, deu pa deduzir atraves disto: <!-- ImageReady Slices (psd.psd) --> eu tambem desenho sempre layouts no photoshop ms nunca faço slices nem exporto o html por ai, corto manualmente e crio o meu proprio codigo. mas se não te keres dar muito ao trabalho a solução + fiavel é pores as margens todas em 0 na body tag e utilizares align="center" na tabela principal. se for para centrar isos na pagina, foi o k percebi k kerias fazer... Link to comment Share on other sites More sharing options...
Prym3r Posted November 28, 2004 Author Share Posted November 28, 2004 pois, deu pa deduzir atraves disto: <!-- ImageReady Slices (psd.psd) -->eu tambem desenho sempre layouts no photoshop ms nunca faço slices nem exporto o html por ai, corto manualmente e crio o meu proprio codigo. mas se não te keres dar muito ao trabalho a solução + fiavel é pores as margens todas em 0 na body tag e utilizares align="center" na tabela principal. se for para centrar isos na pagina, foi o k percebi k kerias fazer...←yap era isso.ja agora...o ke keres dizer com cortas manualmente? Link to comment Share on other sites More sharing options...
Nazgulled Posted November 28, 2004 Share Posted November 28, 2004 Tool -> Select selecionas, ctrl+c File -> New, Ok ctrl+v Save isto basicamente lol Link to comment Share on other sites More sharing options...
Recommended Posts