Jump to content
Sign in to follow this  
Prym3r

Ajuda Em Html

Recommended Posts

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 :)

Share this post


Link to post
Share on other sites

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>

Share this post


Link to post
Share on other sites

geezz

um 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 by Nazgulled

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites

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 :D

Share this post


Link to post
Share on other sites

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...

Share this post


Link to post
Share on other sites

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?

Share this post


Link to post
Share on other sites
Guest
This topic is now closed to further replies.
Sign in to follow this  

  • Recently Browsing   0 members

    No registered users viewing this page.

×

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.