Centralizar caixa cinza

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

Resolvido Centralizar caixa cinza

Mensagem por psicovk em 10/01/13, 04:02 pm

Qual é minha questão:
Percebam que nesta pagina html existe uma caixa cinza na parte de baixo da tabela, com os seguintes campos "Nome do seu character (sem erro) e valor do pagamento" e em baixo existe o botão no estilo "submit" escrito Finalizar Compra, eu queria que está caixa juntamente com o botão ficassem centralizados bem em baixo da tabela.

Obs:creio que será preciso subir a caixa e o botão um pouco porque se não ela irá ficar em cima de uma parte da imagem do boneco a direita quando for centralizada.

Pagina html : http://ladblood.forumeiro.com/h3-comprar-points

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" > <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">Bem vindo ao Shopping do LadBlood Otserv.</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>
<br></br>
<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>
















</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><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);
}
span.bem{margin-left:510px !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 10/01/13, 08:49 pm, editado 1 vez(es)
avatar

psicovk
Usuário avançado

Masculino
Inscrito dia : 30/06/2012
Mensagens : 372
Pontos Ativos : 644

Ver perfil do usuário http://ajuda.forumeiros.com

Resolvido Re: Centralizar caixa cinza

Mensagem por IchigoBK em 10/01/13, 05:33 pm

Subistitua por esse:

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">Bem vindo ao Shopping do LadBlood Otserv.</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>
<br></br>
<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><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);
}
span.bem{margin-left:510px !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" />
avatar

IchigoBK
Nível 5

Masculino
Inscrito dia : 17/01/2011
Mensagens : 39
Pontos Ativos : 50

Ver perfil do usuário

Resolvido Re: Centralizar caixa cinza

Mensagem por psicovk em 10/01/13, 05:51 pm

Ichigo seu codigo está quase perfeito só suba a caixa e o botão mais um pouco.

Edit: percebi agora que a frase "Bem vindo ao Shopping do LadBlood Otserv." que fica em baixo do logo não está mais centralizada como estava antes ajeita ai.
avatar

psicovk
Usuário avançado

Masculino
Inscrito dia : 30/06/2012
Mensagens : 372
Pontos Ativos : 644

Ver perfil do usuário http://ajuda.forumeiros.com

Resolvido Re: Centralizar caixa cinza

Mensagem por IchigoBK em 10/01/13, 07:39 pm

Desculpa a demora, aqui esta:

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><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;}
form.formulario{margin-top:-52px !important;}
body{background-image: url(http://img233.imageshack.us/img233/5164/32318440.png);}
span.bem{margin-left:510px !important;}.tableform{margin-top:-50px !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" />

Subi tanto a tabela quanto os campos de formulario, pois havia um espaço vazio, caso queira que o espaço permaneça vazio avise que removo a alteração dos campos de formulario.
avatar

IchigoBK
Nível 5

Masculino
Inscrito dia : 17/01/2011
Mensagens : 39
Pontos Ativos : 50

Ver perfil do usuário

Resolvido Re: Centralizar caixa cinza

Mensagem por psicovk em 10/01/13, 07:48 pm

Você diminuiu mais alguma coisa ai, perceba o parte de baixo, parte do "mago" sumiu junto com o nome "tibia" e a barra cinza que estava em baixo, se puder fazer apenas o que eu pedi: subir a caixa mais o botão um pouco, centralizar a frase abaixo do logo como estava, e se der diminua o espaço acima dos campos como você fez.
avatar

psicovk
Usuário avançado

Masculino
Inscrito dia : 30/06/2012
Mensagens : 372
Pontos Ativos : 644

Ver perfil do usuário http://ajuda.forumeiros.com

Resolvido Re: Centralizar caixa cinza

Mensagem por IchigoBK em 10/01/13, 08:21 pm

Peço desculpa, não havia reparado na imagem no final da pagina.
Substitua por esse:

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><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>
<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:167px !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" />
avatar

IchigoBK
Nível 5

Masculino
Inscrito dia : 17/01/2011
Mensagens : 39
Pontos Ativos : 50

Ver perfil do usuário

Resolvido Re: Centralizar caixa cinza

Mensagem por psicovk em 10/01/13, 08:25 pm

Você mexeu novamente no fundo, agora o background subiu.
avatar

psicovk
Usuário avançado

Masculino
Inscrito dia : 30/06/2012
Mensagens : 372
Pontos Ativos : 644

Ver perfil do usuário http://ajuda.forumeiros.com

Resolvido Re: Centralizar caixa cinza

Mensagem por IchigoBK em 10/01/13, 08:38 pm

Tente esse:

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" />
avatar

IchigoBK
Nível 5

Masculino
Inscrito dia : 17/01/2011
Mensagens : 39
Pontos Ativos : 50

Ver perfil do usuário

Resolvido Re: Centralizar caixa cinza

Mensagem por psicovk em 10/01/13, 08:48 pm

Perfeito.
avatar

psicovk
Usuário avançado

Masculino
Inscrito dia : 30/06/2012
Mensagens : 372
Pontos Ativos : 644

Ver perfil do usuário http://ajuda.forumeiros.com

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo

- Tópicos similares

Permissão deste fórum:
Você não pode responder aos tópicos neste fórum