problema com o html

padfoot

padfoot

Membro
Boas

Eu tou a fazer um site em html, e o site é todo basicamente feito com caixas de texto e depois a informação ta la dentro. O problema é que agora não consigo centrar as caixas de texto.

Alguém me pode ajudar???

Please... é um pouco urgente
 
Este é o código da página principal, mas não do index, pois o index não tem esta estrutura.




<html xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office" xmlns="http://www.w3.org/TR/REC-html40">
<head>
<meta http-equiv="Content-Language" content="pt">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<link rel="File-List" href="pag_principal_ficheiros/filelist.xml">
<title>On The Trek</title>
<style>
<!--
.page
{
background: #FFFFFF url(styles/seasons/gradients/forum_bg.gif) repeat-x top;
color: #4c4c4b;
#ja-headerwrap (line 748)

{

height: 130px;

background-color: #ffffff;

background-image: none;

background-repeat: repeat;

background-attachment: scroll;

background-position: 0% 0%;

border-bottom-width: 3px;

border-bottom-style: solid;

border-bottom-color: #ff9b14;

z-index: 101;

position: relative;

}

.pb_lside {
background: url('crn_lside.gif') repeat-y left;
}
.pb_rside {
background: url('crn_rside.gif') repeat-y right;
}
.forum_container {
margin: 0px 50px 0px 50px;
}
.smallfont
{
font: 11px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
.almost_half_cell{max-width:400;width:49%}-->
</style>
<!--[if !mso]>
<style>
v\:* { behavior: url(#default#VML) }
o\:* { behavior: url(#default#VML) }
.shape { behavior: url(#default#VML) }
</style>
<![endif]-->
<script language="JavaScript">
<!--
function FP_swapImg() {//v1.0
var doc=document,args=arguments,elm,n; doc.$imgSwaps=new Array(); for(n=2; n<args.length;
n+=2) { elm=FP_getObjectByID(args[n]); if(elm) { doc.$imgSwaps[doc.$imgSwaps.length]=elm;
elm.$src=elm.src; elm.src=args[n+1]; } }
}
function FP_preloadImgs() {//v1.0
var d=document,a=arguments; if(!d.FP_imgs) d.FP_imgs=new Array();
for(var i=0; i<a.length; i++) { d.FP_imgs=new Image; d.FP_imgs.src=a; }
}
function FP_getObjectByID(id,o) {//v1.0
var c,el,els,f,m,n; if(!o)o=document; if(o.getElementById) el=o.getElementById(id);
else if(o.layers) c=o.layers; else if(o.all) el=o.all[id]; if(el) return el;
if(o.id==id || o.name==id) return o; if(o.childNodes) c=o.childNodes; if(c)
for(n=0; n<c.length; n++) { el=FP_getObjectByID(id,c[n]); if(el) return el; }
f=o.forms; if(f) for(n=0; n<f.length; n++) { els=f[n].elements;
for(m=0; m<els.length; m++){ el=FP_getObjectByID(id,els[n]); if(el) return el; } }
return null;
}
// -->
</script>
<!--[if gte mso 9]>
<xml><o:shapedefaults v:ext="edit" spidmax="1027"/>
</xml><![endif]-->
</head>
<body bgcolor="#000000" text="#FFFFFF" onload="FP_preloadImgs(/*url*/'button14.jpg', /*url*/'button16.jpg', /*url*/'button17.jpg', /*url*/'botoes_pag_principal/button3B.jpg', /*url*/'botoes_pag_principal/button3C.jpg', /*url*/'botoes_pag_principal/button3E.jpg', /*url*/'botoes_pag_principal/button3F.jpg', /*url*/'botoes_pag_principal/button41.jpg', /*url*/'botoes_pag_principal/button42.jpg', /*url*/'botoes_pag_principal/button44.jpg', /*url*/'botoes_pag_principal/button45.jpg', /*url*/'botoes_pag_principal/button4A.jpg', /*url*/'botoes_pag_principal/button4B.jpg', /*url*/'botoes_pag_principal/button4D.jpg', /*url*/'botoes_pag_principal/button4E.jpg', /*url*/'botoes_pag_principal/button53.jpg', /*url*/'botoes_pag_principal/button54.jpg', /*url*/'botoes_pag_principal/button56.jpg', /*url*/'botoes_pag_principal/button57.jpg')">
<p align="center"><!--[if gte vml 1]><v:shapetype id="_x0000_t202"
coordsize="21600,21600" o:spt="202" path="m,l,21600r21600,l21600,xe">
<v:stroke joinstyle="miter"/>
<v:path gradientshapeok="t" o:connecttype="rect"/>
</v:shapetype><v:shape id="_x0000_s1026" type="#_x0000_t202" alt="" style='position:absolute;
left:94.5pt;top:8.25pt;width:564pt;height:87.75pt;z-index:0' o:regroupid="1"
fillcolor="black" strokecolor="white" strokeweight="1.5pt">
<v:textbox>
<table cellspacing="0" cellpadding="0" width="100%" height="100%">
<tr>
<td align="center">&nbsp;<img border="0" src="banner%20net.png" width="745" height="110"></td>
</tr>
</table>
</v:textbox>
</v:shape><![endif]--><![if !vml]><span style='mso-ignore:vglayout;position:
absolute;z-index:0;left:125px;top:10px;width:758px;height:123px'><img
width=758 height=123 src="pag_principal18_ficheiros/image001.gif" v:shapes="_x0000_s1026"></span><![endif]><!--[if gte vml 1]><v:shape
id="_x0000_s1027" type="#_x0000_t202" alt="" style='position:absolute;left:94.5pt;
top:102pt;width:100.5pt;height:399.75pt;z-index:0' o:regroupid="1"
fillcolor="black" strokecolor="white" strokeweight="1.5pt">
<v:textbox>
<table cellspacing="0" cellpadding="0" width="100%" height="100%">
<tr>
<td align="center">
<p style="margin-top: -20px">&nbsp;</p>
<p style="margin-top: -20px">&nbsp;</p>
<p style="margin-top: -20px"><a href="apresentacao.htm">
<img border="0" id="img15" src="botoes_pag_principal/button3A.jpg" height="20" width="100" alt="APRESENTAÇÃO" onmouseover="FP_swapImg(1,0,/*id*/'img15',/*url*/'botoes_pag_principal/button3B.jpg')" onmouseout="FP_swapImg(0,0,/*id*/'img15',/*url*/'botoes_pag_principal/button3A.jpg')" onmousedown="FP_swapImg(1,0,/*id*/'img15',/*url*/'botoes_pag_principal/button3C.jpg')" onmouseup="FP_swapImg(0,0,/*id*/'img15',/*url*/'botoes_pag_principal/button3B.jpg')" fp-style="fp-btn: Braided Column 1; fp-font: Calibri; fp-font-size: 8; fp-font-color-normal: #FFFFFF; fp-font-color-hover: #00FFFF; fp-font-color-press: #0000FF; fp-bgcolor: #000000" fp-title="APRESENTAÇÃO"></a></p>
<p style="margin-top: -20px"><a href="programacao.htm">
<img border="0" id="img16" src="botoes_pag_principal/button3D.jpg" height="20" width="100" alt="PROGRAMAÇÃO" onmouseover="FP_swapImg(1,0,/*id*/'img16',/*url*/'botoes_pag_principal/button3E.jpg')" onmouseout="FP_swapImg(0,0,/*id*/'img16',/*url*/'botoes_pag_principal/button3D.jpg')" onmousedown="FP_swapImg(1,0,/*id*/'img16',/*url*/'botoes_pag_principal/button3F.jpg')" onmouseup="FP_swapImg(0,0,/*id*/'img16',/*url*/'botoes_pag_principal/button3E.jpg')" fp-style="fp-btn: Braided Column 1; fp-font: Calibri; fp-font-size: 8; fp-font-color-normal: #FFFFFF; fp-font-color-hover: #00FFFF; fp-font-color-press: #0000FF; fp-bgcolor: #000000" fp-title="PROGRAMAÇÃO"></a></p>
<p style="margin-top: -20px"><a href="exposicoes.htm">
<img border="0" id="img17" src="botoes_pag_principal/button40.jpg" height="20" width="100" alt="EXPOSIÇÕES" onmouseover="FP_swapImg(1,0,/*id*/'img17',/*url*/'botoes_pag_principal/button41.jpg')" onmouseout="FP_swapImg(0,0,/*id*/'img17',/*url*/'botoes_pag_principal/button40.jpg')" onmousedown="FP_swapImg(1,0,/*id*/'img17',/*url*/'botoes_pag_principal/button42.jpg')" onmouseup="FP_swapImg(0,0,/*id*/'img17',/*url*/'botoes_pag_principal/button41.jpg')" fp-style="fp-btn: Braided Column 1; fp-font: Calibri; fp-font-size: 8; fp-font-color-normal: #FFFFFF; fp-font-color-hover: #00FFFF; fp-font-color-press: #0000FF; fp-bgcolor: #000000" fp-title="EXPOSIÇÕES"></a></p>
<p style="margin-top: -20px"><a href="workshops.htm">
<img border="0" id="img18" src="botoes_pag_principal/button43.jpg" height="20" width="100" alt="WORKSHOPS" fp-style="fp-btn: Braided Column 1; fp-font: Calibri; fp-font-size: 8; fp-font-color-normal: #FFFFFF; fp-font-color-hover: #00FFFF; fp-font-color-press: #0000FF; fp-bgcolor: #000000" fp-title="WORKSHOPS" onmouseover="FP_swapImg(1,0,/*id*/'img18',/*url*/'botoes_pag_principal/button44.jpg')" onmouseout="FP_swapImg(0,0,/*id*/'img18',/*url*/'botoes_pag_principal/button43.jpg')" onmousedown="FP_swapImg(1,0,/*id*/'img18',/*url*/'botoes_pag_principal/button45.jpg')" onmouseup="FP_swapImg(0,0,/*id*/'img18',/*url*/'botoes_pag_principal/button44.jpg')"></a></p>
<p style="margin-top: -20px">
<img border="0" id="img19" src="botoes_pag_principal/button49.jpg" height="20" width="100" alt="ACTIVIDADES" onmouseover="FP_swapImg(1,0,/*id*/'img19',/*url*/'botoes_pag_principal/button4A.jpg')" onmouseout="FP_swapImg(0,0,/*id*/'img19',/*url*/'botoes_pag_principal/button49.jpg')" onmousedown="FP_swapImg(1,0,/*id*/'img19',/*url*/'botoes_pag_principal/button4B.jpg')" onmouseup="FP_swapImg(0,0,/*id*/'img19',/*url*/'botoes_pag_principal/button4A.jpg')" fp-style="fp-btn: Braided Column 1; fp-font: Calibri; fp-font-size: 8; fp-font-color-normal: #FFFFFF; fp-font-color-hover: #00FFFF; fp-font-color-press: #0000FF; fp-bgcolor: #000000" fp-title="ACTIVIDADES"></p>
<p style="margin-top: -20px">
<img border="0" id="img20" src="botoes_pag_principal/button4C.jpg" height="20" width="100" alt="PARCEIROS" fp-style="fp-btn: Braided Column 1; fp-font: Calibri; fp-font-size: 8; fp-font-color-normal: #FFFFFF; fp-font-color-hover: #00FFFF; fp-font-color-press: #0000FF; fp-bgcolor: #000000" fp-title="PARCEIROS" onmouseover="FP_swapImg(1,0,/*id*/'img20',/*url*/'botoes_pag_principal/button4D.jpg')" onmouseout="FP_swapImg(0,0,/*id*/'img20',/*url*/'botoes_pag_principal/button4C.jpg')" onmousedown="FP_swapImg(1,0,/*id*/'img20',/*url*/'botoes_pag_principal/button4E.jpg')" onmouseup="FP_swapImg(0,0,/*id*/'img20',/*url*/'botoes_pag_principal/button4D.jpg')"></p>
<p style="margin-top: -20px">
<img border="0" id="img21" src="botoes_pag_principal/button52.jpg" height="20" width="100" alt="APOIOS" onmouseover="FP_swapImg(1,0,/*id*/'img21',/*url*/'botoes_pag_principal/button53.jpg')" onmouseout="FP_swapImg(0,0,/*id*/'img21',/*url*/'botoes_pag_principal/button52.jpg')" onmousedown="FP_swapImg(1,0,/*id*/'img21',/*url*/'botoes_pag_principal/button54.jpg')" onmouseup="FP_swapImg(0,0,/*id*/'img21',/*url*/'botoes_pag_principal/button53.jpg')" fp-style="fp-btn: Braided Column 1; fp-font: Calibri; fp-font-size: 8; fp-font-color-normal: #FFFFFF; fp-font-color-hover: #00FFFF; fp-font-color-press: #0000FF; fp-bgcolor: #000000" fp-title="APOIOS"></p>
<p style="margin-top: -20px"><a href="contactos.htm">
<img border="0" id="img22" src="botoes_pag_principal/button55.jpg" height="20" width="100" alt="CONTACTOS" onmouseover="FP_swapImg(1,0,/*id*/'img22',/*url*/'botoes_pag_principal/button56.jpg')" onmouseout="FP_swapImg(0,0,/*id*/'img22',/*url*/'botoes_pag_principal/button55.jpg')" onmousedown="FP_swapImg(1,0,/*id*/'img22',/*url*/'botoes_pag_principal/button57.jpg')" onmouseup="FP_swapImg(0,0,/*id*/'img22',/*url*/'botoes_pag_principal/button56.jpg')" fp-style="fp-btn: Braided Column 1; fp-font: Calibri; fp-font-size: 8; fp-font-color-normal: #FFFFFF; fp-font-color-hover: #00FFFF; fp-font-color-press: #0000FF; fp-bgcolor: #000000" fp-title="CONTACTOS"></a></p>
<p style="margin-top: -20px">&nbsp;</p>
<p style="margin-top: -20px">&nbsp;</p>
<p style="margin-top: -20px">&nbsp;</p>
<p style="margin-top: -20px">&nbsp;</p>
<p style="margin-top: -20px">&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;<p>&nbsp;</td>
</tr>
</table>
</v:textbox>
</v:shape><![endif]--><![if !vml]><span style='mso-ignore:vglayout;position:
absolute;z-index:0;left:125px;top:135px;width:140px;height:539px'><img
width=140 height=539 src="pag_principal18_ficheiros/image002.gif" v:shapes="_x0000_s1027"></span><![endif]><!--[if gte vml 1]><v:shape
id="_x0000_s1029" type="#_x0000_t202" alt="" style='position:absolute;left:520.5pt;
top:102pt;width:138pt;height:399.75pt;z-index:0' o:regroupid="1" fillcolor="black"
strokecolor="white" strokeweight="1.5pt">
<v:textbox>
<table cellspacing="0" cellpadding="0" width="100%" height="100%">
<tr>
<td align="center">&nbsp;</td>
</tr>
</table>
</v:textbox>
</v:shape><![endif]--><![if !vml]><span style='mso-ignore:vglayout;position:
absolute;z-index:0;left:693px;top:135px;width:190px;height:539px'><img
width=190 height=539 src="pag_principal18_ficheiros/image003.gif" v:shapes="_x0000_s1029"></span><![endif]><!--[if gte vml 1]><v:shape
id="_x0000_s1028" type="#_x0000_t202" alt="" style='position:absolute;left:204pt;
top:102pt;width:307.5pt;height:399.75pt;z-index:0' o:regroupid="1"
fillcolor="black" strokecolor="white" strokeweight="1.5pt">
<v:textbox>
<table cellspacing="0" cellpadding="0" width="100%" height="100%">
<tr>
<td align="center">
<img border="0" src="cartaz%20onthetrek.jpg" width="355" height="511"></td>
</tr>
</table>
</v:textbox>
</v:shape><![endif]--><![if !vml]><span style='mso-ignore:vglayout;position:
absolute;z-index:0;left:271px;top:135px;width:416px;height:539px'><img
width=416 height=539 src="pag_principal18_ficheiros/image004.gif" v:shapes="_x0000_s1028"></span><![endif]><!--[if gte vml 1]><v:shape
id="_x0000_s1030" type="#_x0000_t202" alt="" style='position:absolute;left:95.25pt;
top:508.5pt;width:564pt;height:75pt;z-index:0' o:regroupid="1" fillcolor="black"
strokecolor="white" strokeweight="1.5pt">
<v:textbox>
<table cellspacing="0" cellpadding="0" width="100%" height="100%">
<tr>
<td align="center">
<img border="0" src="logotipos.png" width="695" height="50">&nbsp;</td>
</tr>
</table>
</v:textbox>
</v:shape><![endif]--><![if !vml]><span style='mso-ignore:vglayout;position:
absolute;z-index:0;left:126px;top:677px;width:758px;height:106px'><img
width=758 height=106 src="pag_principal18_ficheiros/image005.gif" v:shapes="_x0000_s1030"></span><![endif]></p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p align="center">&nbsp;</p>
<p align="center">&nbsp;</p>
<p align="center"><!--[if gte vml 1]><v:shape
id="_x0000_s1032" type="#_x0000_t202" alt="" style='position:absolute;left:96.75pt;
top:586.5pt;width:564pt;height:24.75pt;z-index:0' fillcolor="black" stroked="f"
strokecolor="white" strokeweight="1.5pt">
<v:textbox>
<table cellspacing="0" cellpadding="0" width="100%" height="100%" id="table1">
<tr>
<td align="center">&nbsp;<font color="#FFFFFF" face="Calibri" size="2">Copyright
© 2009 mcsdesign. All rights reserved. </font></td>
</tr>
</table>
</v:textbox>
</v:shape><![endif]--><![if !vml]><span style='mso-ignore:vglayout;position:
absolute;z-index:0;left:129px;top:782px;width:756px;height:37px'><img
width=756 height=37 src="pag_principal18_ficheiros/image006.gif" v:shapes="_x0000_s1032"></span><![endif]></p>
</body>
</html>
Clicar para expandir...
 
Desculpa ainda não tinha visto que já tinhas postado a source.
Já agora que (raio de) programa estas utilizar?

edit:Tens esses <span>'s definidos com position:absolute.
Experimenta tentar fazer isso de novo baseado num template simples.
FrontPage/Publisher esquece, só te trazem problemas.
 
Última edição:
pois... o problema é que pa km tou a fazer o site quis a coisa mais barata que eu lhe arranja-se, e foi o site no frontpage, e prontos...

não ha mesmo maneira de por aquilo todo centrado???

e ja agora, não me podes dizer um programa melho para fazer páginas em html???
 
Última edição:
Haver há, mas se queres que te diga não vale a pena:
Tens essencialmente 5 elementos na página-olha para a quantidade de código que a página tem. 20 linhas bastavam para tudo, a página tem 220.
Isto a priori não quer dizer nada, mas neste caso eu nem sequer consigo "ler" o código convenientemente(nem eu nem o FF). Tens código redundante e ilegível por todo o lado. Já para não falar de "pseudo" tags que eu nunca vi.

Tens o Kompozer da Mozilla que é um editor wysiwyg, opensource, bastante bom.
Só para o código tens o notepad++.

Procura por "Css layouts"(Por ex:http://layouts.ironmyers.com/) escolhe um parecido ao layout que estas a utilizar e depois é só editares.
 
Última edição pelo moderador:
Inicie sessão ou registe-se para poder participar.
Back
Topo