Centralizar campos
3 participantes
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre códigos :: Questões resolvidas sobre HTML e BBCode
Página 1 de 1
Centralizar campos
Qual é minha questão:
Eu quero o seguinte:
Imagem:
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:
Endereço do meu fórum:
http://ladblood.forumeiro.com
Versão do fórum:
PHPBB3
Eu quero o seguinte:
Imagem:
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)
Re: Centralizar campos
Ola,
substitua, por este codigo:
Melhores cumprimentos,
JuJanzen
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
Re: Centralizar campos
Olá psicovk!
Por gentileza, troque seu código por este:
Cordialmente,
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,
Tópicos semelhantes
» Centralizar campos
» Centralizar os campos do menu Perfil
» Campos RPG
» Campos do perfil
» Campos no perfil
» Centralizar os campos do menu Perfil
» Campos RPG
» Campos do perfil
» Campos no perfil
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre códigos :: Questões resolvidas sobre HTML e BBCode
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos