Jump to content

Ajuda Em Html


Prym3r
 Share

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

Link to comment
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>
Link to comment
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
Link to comment
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

Link to comment
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...

Link to comment
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?

Link to comment
Share on other sites

Guest
This topic is now closed to further replies.
 Share

  • Recently Browsing   0 members

    • No registered users viewing this page.
×
×
  • Create New...

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.