Centralizar campos

3 participantes

Ver o tópico anterior Ver o tópico seguinte Ir para baixo

Tópico resolvido Centralizar campos

Mensagem por psicovk 11.01.13 4:27

Qual é minha questão:
Eu quero o seguinte:

Imagem:

Centralizar campos 1zgrczo

Centralizem a parte em vermelho para que fique bem abaixo da frase "Nome do Seu character (sem erro)"

Na parte azul deixem a largura da caixinha igual a que está em "Nome do seu character (sem erro)" e centralizem a frase dentro dela "Valor do pagamento:"

Ja na parte verde centralizem ela para que fique bem abaixo da frase "Valor do pagamento" que tambem está centralizada. 

Aqui está o codigo da pagina:

Código:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html
 xmlns="http://www.w3.org/1999/xhtml" dir="ltr" id="min-width"
xml:lang="pt" lang="pt"><meta http-equiv="content-type"
content="text/html; charset=UTF-8"><meta http-equiv="Content-Type"
 content="text/html;charset=iso-8859-1" />
<center><img src=http://i50.tinypic.com/amcpc1.png></center>
<?php
if(!$logged)
if($action == "logout")
$main_content
 .= '<div class="TableContainer" > <center><table class="Table1"
cellpadding="0" cellspacing="0" > <div class="CaptionContainer"
> <div class="CaptionInnerContainer" > <span
class="CaptionEdgeLeftTop"
style="background-image:url(tibiacom/images/content/box-frame-edge.gif);"
 /></span> <span class="CaptionEdgeRightTop"
style="background-image:url('.$layout_name.'/images/content/box-frame-edge.gif);"
 /></span> <span class="CaptionBorderTop"
style="background-image:url('.$layout_name.'/images/content/table-headline-border.gif);"
 ></span> <span class="CaptionVerticalLeft"
style="background-image:url('.$layout_name.'/images/content/box-frame-vertical.gif);"
 /></span> <div class="Text" ></div> <span
class="CaptionVerticalRight"
style="background-image:url('.$layout_name.'/images/content/box-frame-vertical.gif);"
 /></span> <span class="CaptionBorderBottom"
style="background-image:url('.$layout_name.'/images/content/table-headline-border.gif);"
 ></span> <span class="CaptionEdgeLeftBottom"
style="background-image:url('.$layout_name.'/images/content/box-frame-edge.gif);"
 /></span> <span class="CaptionEdgeRightBottom"
style="background-image:url('.$layout_name.'/images/content/box-frame-edge.gif);"
 /></span> </div> </div> <tr> <td>
<div class="InnerTableContainer" > <table style="width:100%;"
><tr><td><font color="fafafa"><p
align=”center”><span class="bem"><center>Bem vindo ao Shopping do LadBlood Otserv.</center></span></center></font></td></tr> </table>
 </div> </table></div></td></tr>
<br><table width="100%" border="2" cellpadding="4" cellspacing="1">
<tbody><tr>
<td class="white" colspan="3" bgcolor="#505050"><span class="style4">Detalhes dos Points.</span></td>
</tr>
<tr
 bgcolor="#f1e0c6"><td width="35%"><b>Quantidade de
Points</b></td><td
width="35%"><b>Valor</b></td></tr>
<tr
bgcolor="#d4c0a1"><td><img
src="http://imgur.com/VvxPx.png"> 5
Points</td><td>R$5,00</td></tr>
<tr
bgcolor="#f1e0c6"><td><img
src="http://imgur.com/VvxPx.png"> 10
Points</td><td>R$10,00</td></tr>
<tr
bgcolor="#d4c0a1"><td><img
src="http://imgur.com/VvxPx.png"> 20
Points</td><td>R$20,00</td></tr>
<tr
bgcolor="#f1e0c6"><td><img
src="http://imgur.com/VvxPx.png"> 40
Points</td><td>R$40,00</td></tr>
<tr
bgcolor="#d4c0a1"><td><img
src="http://imgur.com/VvxPx.png"> 60
Points</td><td>R$60,00</td></tr>
<tr
bgcolor="#f1e0c6"><td><center><img src=""> E assim
por diante!!! </center></td><td><center><img
src=""> E assim por diante!!! <img
src=""></center></td></tr>
</tbody></table>
<table class="tableform"><table border="3"><tbody><tr border="3"><td bgcolor="#505050">
<center><font size="2"><b></b></font></center>
<div style="width: 0%">
<form
 method="post" target="_new"
action="https://pagseguro.uol.com.br/security/webpagamentos/webpagto.aspx"
 name="LOGIN" class="formulario" style="width: 255px; margin: 0 0 10px
0; float: left;">
<p>
<input type="hidden" name="email_cobranca" value="SEU-EMAIL PAG SEGURO AQUI">
<input type="hidden" name="tipo" value="CP">
<input type="hidden" name="moeda" value="BRL">
<input type="hidden" name="item_id_1" value="2000050">
<br><table
 border="2"><tbody><tr border="2"><td
bgcolor="#505050" class="white"><strong>Nome do Seu Character
(Sem
erro):</strong></td></tr></tbody></table>
<table
 border="2"><tbody><tr border="2"><td
bgcolor="grey"><input type="text"
name="item_descr_1"></td></tr></tbody></table><br>
<input type="hidden" name="item_quant_1" value="1">
<br><table
 border="2"><tbody><tr border="2"><td width="153"
bgcolor="#505050" class="white"><span class="style11
style4"><strong>Valor do




pagamento:</strong></span></td>
</tr></tbody></table>
<table border="0"><tbody><tr border="2">
<td width="96" bgcolor="grey"><label>
<select name="item_valor_1" id="item_valor_1" tabindex="2">
<option selected>Selecione</option>
          <option value="5,00">5 Points</option>
          <option value="10,00">10 Points</option>
          <option value="20,00">20 Points</option>
          <option value="30,00">30 Points</option>
          <option value="40,00">40 Points</option>
          <option value="50,00">50 Points</option>
          <option value="60,00">60 Points</option>
          <option value="70,00">70 Points</option>
          <option value="80,00">80 Points</option>
          <option value="90,00">90 Points</option>
          <option value="100,00">100 Points</option>
          <option value="110,00">110 Points</option>
          <option value="120,00">120 Points</option>
          <option value="130,00">130 Points</option>
          <option value="140,00">140 Points</option>
          <option value="150,00">150 Points</option>
                                                            </select>
  </label></td>
</tr></tbody></table></center>
































































</td>
</tr>
<br>
<br>
<input type="hidden" name="item_frete_1" value="000">
<br>
<table
 border="2"><tbody><tr border="2"><td
bgcolor="#505050"><input type="submit" value="Finalizar Compra"></td></tr></tbody></table>
</p>
<div></div>
<tr>
</tr>
</tbody></table></form>
<br></br><br></br>
<br></br><br></br
<br></br><br></br<b><font
 size="4"><font color="fafafa">Pelo PagSeguro é possível
realizar doações por Boletos Bancários. Após efetuar a doação e confirmar o pagamento aguarde o prazo de 24/72hrs para a conclusão da doação. O LadBlood Otserv agradece desde já a colaboração de todos os players para que o servidor
continue online firme e forte.</b></font></font>
<style>#character{width:240px !important;}#name{width:234px !important;}#table1{margin-top:-100px !important;}




body{background-image: url(http://img233.imageshack.us/img233/5164/32318440.png) !important; margin-top:28px !important;}
span.bem{margin-left:510px !important;}
.tableform{margin-top:-50px !important;}form.formulario{margin-top:-52px !important;}
</style>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html
 xmlns="http://www.w3.org/1999/xhtml" dir="ltr" id="min-width"
xml:lang="pt" lang="pt"><meta http-equiv="content-type"
content="text/html; charset=UTF-8"><meta http-equiv="Content-Type"
 content="text/html;charset=iso-8859-1" />


Endereço do meu fórum:
http://ladblood.forumeiro.com

Versão do fórum:
PHPBB3


Última edição por psicovk em 11.01.13 16:21, editado 1 vez(es)
psicovk

psicovk
****

Membro desde : 01/07/2012
Mensagens : 372
Pontos : 644

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Centralizar campos

Mensagem por Alcohol 11.01.13 4:49

Ola,
substitua, por este codigo:
Código:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html
 xmlns="http://www.w3.org/1999/xhtml" dir="ltr" id="min-width"
xml:lang="pt" lang="pt"><meta http-equiv="content-type"
content="text/html; charset=UTF-8"><meta http-equiv="Content-Type"
 content="text/html;charset=iso-8859-1" />
<center><img src=http://i50.tinypic.com/amcpc1.png></center>
<?php
if(!$logged)
if($action == "logout")
$main_content
 .= '<div class="TableContainer" > <center><table class="Table1"
cellpadding="0" cellspacing="0" > <div class="CaptionContainer"
> <div class="CaptionInnerContainer" > <span
class="CaptionEdgeLeftTop"
style="background-image:url(tibiacom/images/content/box-frame-edge.gif);"
 /></span> <span class="CaptionEdgeRightTop"
style="background-image:url('.$layout_name.'/images/content/box-frame-edge.gif);"
 /></span> <span class="CaptionBorderTop"
style="background-image:url('.$layout_name.'/images/content/table-headline-border.gif);"
 ></span> <span class="CaptionVerticalLeft"
style="background-image:url('.$layout_name.'/images/content/box-frame-vertical.gif);"
 /></span> <div class="Text" ></div> <span
class="CaptionVerticalRight"
style="background-image:url('.$layout_name.'/images/content/box-frame-vertical.gif);"
 /></span> <span class="CaptionBorderBottom"
style="background-image:url('.$layout_name.'/images/content/table-headline-border.gif);"
 ></span> <span class="CaptionEdgeLeftBottom"
style="background-image:url('.$layout_name.'/images/content/box-frame-edge.gif);"
 /></span> <span class="CaptionEdgeRightBottom"
style="background-image:url('.$layout_name.'/images/content/box-frame-edge.gif);"
 /></span> </div> </div> <tr> <td>
<div class="InnerTableContainer" > <table style="width:100%;"
><tr><td><font color="fafafa"><p
align=”center”><span class="bem"><center>Bem vindo ao Shopping do LadBlood Otserv.</center></span></center></font></td></tr> </table>
 </div> </table></div></td></tr>
<br><table width="100%" border="2" cellpadding="4" cellspacing="1">
<tbody><tr>
<td class="white" colspan="3" bgcolor="#505050"><span class="style4">Detalhes dos Points.</span></td>
</tr>
<tr
 bgcolor="#f1e0c6"><td width="35%"><b>Quantidade de
Points</b></td><td
width="35%"><b>Valor</b></td></tr>
<tr
bgcolor="#d4c0a1"><td><img
src="http://imgur.com/VvxPx.png"> 5
Points</td><td>R$5,00</td></tr>
<tr
bgcolor="#f1e0c6"><td><img
src="http://imgur.com/VvxPx.png"> 10
Points</td><td>R$10,00</td></tr>
<tr
bgcolor="#d4c0a1"><td><img
src="http://imgur.com/VvxPx.png"> 20
Points</td><td>R$20,00</td></tr>
<tr
bgcolor="#f1e0c6"><td><img
src="http://imgur.com/VvxPx.png"> 40
Points</td><td>R$40,00</td></tr>
<tr
bgcolor="#d4c0a1"><td><img
src="http://imgur.com/VvxPx.png"> 60
Points</td><td>R$60,00</td></tr>
<tr
bgcolor="#f1e0c6"><td><center><img src=""> E assim
por diante!!! </center></td><td><center><img
src=""> E assim por diante!!! <img
src=""></center></td></tr>
</tbody></table>
<table class="tableform"><table border="3"><tbody><tr border="3"><td bgcolor="#505050">
<center><font size="2"><b></b></font></center>
<div style="width: 0%">
<form
 method="post" target="_new"
action="https://pagseguro.uol.com.br/security/webpagamentos/webpagto.aspx"
 name="LOGIN" class="formulario" style="width: 255px; margin: 0 0 10px
0; float: left;">
<p>
<input type="hidden" name="email_cobranca" value="SEU-EMAIL PAG SEGURO AQUI">
<input type="hidden" name="tipo" value="CP">
<input type="hidden" name="moeda" value="BRL">
<input type="hidden" name="item_id_1" value="2000050">
<br><table
 border="2"><tbody><tr border="2"><td
bgcolor="#505050" class="white"><strong>Nome do Seu Character
(Sem
erro):</strong></td></tr></tbody></table>
</center><table
 border="2"><tbody><tr border="2"><td
bgcolor="grey"><input type="text"
name="item_descr_1"></td></tr></tbody></table><br>
<input type="hidden" name="item_quant_1" value="1">
<br><table
 border="2"><tbody><tr border="2"><td width="153"
bgcolor="#505050" class="white"><span class="style11
style4"><strong>Valor do




pagamento:</strong></span></td>
</tr></tbody></table>
<table border="0"><tbody><tr border="2">
<td width="96" bgcolor="grey"><label>
<select name="item_valor_1" id="item_valor_1" tabindex="2">
<option selected>Selecione</option>
          <option value="5,00">5 Points</option>
          <option value="10,00">10 Points</option>
          <option value="20,00">20 Points</option>
          <option value="30,00">30 Points</option>
          <option value="40,00">40 Points</option>
          <option value="50,00">50 Points</option>
          <option value="60,00">60 Points</option>
          <option value="70,00">70 Points</option>
          <option value="80,00">80 Points</option>
          <option value="90,00">90 Points</option>
          <option value="100,00">100 Points</option>
          <option value="110,00">110 Points</option>
          <option value="120,00">120 Points</option>
          <option value="130,00">130 Points</option>
          <option value="140,00">140 Points</option>
          <option value="150,00">150 Points</option>
                                                            </select>
  </label></td>
</tr></tbody></table></center>
































































</td>
</tr>
<br>
<br>
<input type="hidden" name="item_frete_1" value="000">
<br>
<table
 border="2"><tbody><tr border="2"><td
bgcolor="#505050"><input type="submit" value="Finalizar Compra"></td></tr></tbody></table>
</p>
<div></div>
<tr>
</tr>
</tbody></table></form>
<br></br><br></br>
<br></br><br></br
<br></br><br></br<b><font
 size="4"><font color="fafafa">Pelo PagSeguro é possível
realizar doações por Boletos Bancários. Após efetuar a doação e confirmar o pagamento aguarde o prazo de 24/72hrs para a conclusão da doação. O LadBlood Otserv agradece desde já a colaboração de todos os players para que o servidor
continue online firme e forte.</b></font></font>
<style>#character{width:240px !important;}#name{width:234px !important;}#table1{margin-top:-100px !important;}




body{background-image: url(http://img233.imageshack.us/img233/5164/32318440.png) !important; margin-top:28px !important;}
span.bem{margin-left:510px !important;}
.tableform{margin-top:-50px !important;}form.formulario{margin-top:-52px !important;}
</style>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html
 xmlns="http://www.w3.org/1999/xhtml" dir="ltr" id="min-width"
xml:lang="pt" lang="pt"><meta http-equiv="content-type"
content="text/html; charset=UTF-8"><meta http-equiv="Content-Type"
 content="text/html;charset=iso-8859-1" />

Melhores cumprimentos,
JuJanzen
avatar

Alcohol
Hiper Membro

Membro desde : 29/03/2011
Mensagens : 2858
Pontos : 3794

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Centralizar campos

Mensagem por psicovk 11.01.13 5:44

Nada mudou.
psicovk

psicovk
****

Membro desde : 01/07/2012
Mensagens : 372
Pontos : 644

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Centralizar campos

Mensagem por HenRyqUéè 11.01.13 14:11

Olá psicovk!

Por gentileza, troque seu código por este:

Código:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html
 xmlns="http://www.w3.org/1999/xhtml" dir="ltr" id="min-width"
xml:lang="pt" lang="pt"><meta http-equiv="content-type"
content="text/html; charset=UTF-8"><meta http-equiv="Content-Type"
 content="text/html;charset=iso-8859-1" />
<center><img src=http://i50.tinypic.com/amcpc1.png></center>
<?php
if(!$logged)
if($action == "logout")
$main_content
 .= '<div class="TableContainer" > <center><table class="Table1"
cellpadding="0" cellspacing="0" > <div class="CaptionContainer"
> <div class="CaptionInnerContainer" > <span
class="CaptionEdgeLeftTop"
style="background-image:url(tibiacom/images/content/box-frame-edge.gif);"
 /></span> <span class="CaptionEdgeRightTop"
style="background-image:url('.$layout_name.'/images/content/box-frame-edge.gif);"
 /></span> <span class="CaptionBorderTop"
style="background-image:url('.$layout_name.'/images/content/table-headline-border.gif);"
 ></span> <span class="CaptionVerticalLeft"
style="background-image:url('.$layout_name.'/images/content/box-frame-vertical.gif);"
 /></span> <div class="Text" ></div> <span
class="CaptionVerticalRight"
style="background-image:url('.$layout_name.'/images/content/box-frame-vertical.gif);"
 /></span> <span class="CaptionBorderBottom"
style="background-image:url('.$layout_name.'/images/content/table-headline-border.gif);"
 ></span> <span class="CaptionEdgeLeftBottom"
style="background-image:url('.$layout_name.'/images/content/box-frame-edge.gif);"
 /></span> <span class="CaptionEdgeRightBottom"
style="background-image:url('.$layout_name.'/images/content/box-frame-edge.gif);"
 /></span> </div> </div> <tr> <td>
<div class="InnerTableContainer" > <table style="width:100%;"
><tr><td><font color="fafafa"><p
align=”center”><span class="bem"><center>Bem vindo ao Shopping do LadBlood Otserv.</center></span></center></font></td></tr> </table>
 </div> </table></div></td></tr>
<br><table width="100%" border="2" cellpadding="4" cellspacing="1">
<tbody><tr>
<td class="white" colspan="3" bgcolor="#505050"><span class="style4">Detalhes dos Points.</span></td>
</tr>
<tr
 bgcolor="#f1e0c6"><td width="35%"><b>Quantidade de
Points</b></td><td
width="35%"><b>Valor</b></td></tr>
<tr
bgcolor="#d4c0a1"><td><img
src="http://imgur.com/VvxPx.png"> 5
Points</td><td>R$5,00</td></tr>
<tr
bgcolor="#f1e0c6"><td><img
src="http://imgur.com/VvxPx.png"> 10
Points</td><td>R$10,00</td></tr>
<tr
bgcolor="#d4c0a1"><td><img
src="http://imgur.com/VvxPx.png"> 20
Points</td><td>R$20,00</td></tr>
<tr
bgcolor="#f1e0c6"><td><img
src="http://imgur.com/VvxPx.png"> 40
Points</td><td>R$40,00</td></tr>
<tr
bgcolor="#d4c0a1"><td><img
src="http://imgur.com/VvxPx.png"> 60
Points</td><td>R$60,00</td></tr>
<tr
bgcolor="#f1e0c6"><td><center><img src=""> E assim
por diante!!! </center></td><td><center><img
src=""> E assim por diante!!! <img
src=""></center></td></tr>
</tbody></table>
<table class="tableform"><table border="3"><tbody><tr border="3"><td bgcolor="#505050">
<center><font size="2"><b></b></font></center>
<div style="width: 0%">
<form
 method="post" target="_new"
action="https://pagseguro.uol.com.br/security/webpagamentos/webpagto.aspx"
 name="LOGIN" class="formulario" style="width: 255px; margin: 0 0 10px
0; float: left;">
<p>
<input type="hidden" name="email_cobranca" value="SEU-EMAIL PAG SEGURO AQUI">
<input type="hidden" name="tipo" value="CP">
<input type="hidden" name="moeda" value="BRL">
<input type="hidden" name="item_id_1" value="2000050">
<br><table
 border="2"><tbody><tr border="2"><td
bgcolor="#505050" class="white"><strong>Nome do Seu Character
(Sem
erro):</strong></td></tr></tbody></table>
<center><table
 border="2"><tbody><tr border="2"><td
bgcolor="grey"><input type="text"
name="item_descr_1"></td></tr></tbody></table></center><br>
<input type="hidden" name="item_quant_1" value="1">
<br><table
 border="2" style="width:100%;text-align:center;"><tbody><tr border="2"><td width="153"
bgcolor="#505050" class="white"><span class="style11
style4"><strong>Valor do




pagamento:</strong></span></td>
</tr></tbody></table>
<center><table border="0"><tbody><tr border="2">
<td width="96" bgcolor="grey"><label>
<select name="item_valor_1" id="item_valor_1" tabindex="2">
<option selected>Selecione</option>
          <option value="5,00">5 Points</option>
          <option value="10,00">10 Points</option>
          <option value="20,00">20 Points</option>
          <option value="30,00">30 Points</option>
          <option value="40,00">40 Points</option>
          <option value="50,00">50 Points</option>
          <option value="60,00">60 Points</option>
          <option value="70,00">70 Points</option>
          <option value="80,00">80 Points</option>
          <option value="90,00">90 Points</option>
          <option value="100,00">100 Points</option>
          <option value="110,00">110 Points</option>
          <option value="120,00">120 Points</option>
          <option value="130,00">130 Points</option>
          <option value="140,00">140 Points</option>
          <option value="150,00">150 Points</option>
                                                            </select>
  </label></td>
</tr></tbody></table></center></center>
































































</td>
</tr>
<br>
<br>
<input type="hidden" name="item_frete_1" value="000">
<br>
<table
 border="2"><tbody><tr border="2"><td
bgcolor="#505050"><input type="submit" value="Finalizar Compra"></td></tr></tbody></table>
</p>
<div></div>
<tr>
</tr>
</tbody></table></form>
<br></br><br></br>
<br></br><br></br
<br></br><br></br<b><font
 size="4"><font color="fafafa">Pelo PagSeguro é possível
realizar doações por Boletos Bancários. Após efetuar a doação e confirmar o pagamento aguarde o prazo de 24/72hrs para a conclusão da doação. O LadBlood Otserv agradece desde já a colaboração de todos os players para que o servidor
continue online firme e forte.</b></font></font>
<style>#character{width:240px !important;}#name{width:234px !important;}#table1{margin-top:-100px !important;}




body{background-image: url(http://img233.imageshack.us/img233/5164/32318440.png) !important; margin-top:28px !important;}
span.bem{margin-left:510px !important;}
.tableform{margin-top:-50px !important;}form.formulario{margin-top:-52px !important;}
</style>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html
 xmlns="http://www.w3.org/1999/xhtml" dir="ltr" id="min-width"
xml:lang="pt" lang="pt"><meta http-equiv="content-type"
content="text/html; charset=UTF-8"><meta http-equiv="Content-Type"
 content="text/html;charset=iso-8859-1" />

Cordialmente,
HenRyqUéè

HenRyqUéè
***

Membro desde : 11/01/2013
Mensagens : 178
Pontos : 251

http://www.rmbr.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Centralizar campos

Mensagem por psicovk 11.01.13 16:20

Funcionou henryque.
psicovk

psicovk
****

Membro desde : 01/07/2012
Mensagens : 372
Pontos : 644

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Ver o tópico anterior Ver o tópico seguinte Ir para o topo

- Tópicos semelhantes

Permissões neste sub-fórum
Não podes responder a tópicos