ArtigosCentralizar caixa cinza
2 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 caixa cinza
por psicovk 10.01.13 18:02
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 :
Endereço do meu fórum:
http://ladblood.forumeiro.com
Versão do fórum:
PHPBB3
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 22:49, editado 1 vez(es)
psicovk- ****
- Membro desde : 01/07/2012
Mensagens : 372
Pontos : 644 -
Re: Centralizar caixa cinza
por IchigoBK 10.01.13 19:33
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" />
IchigoBK- *
- Membro desde : 18/01/2011
Mensagens : 39
Pontos : 50
Re: Centralizar caixa cinza
por psicovk 10.01.13 19:51
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.
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.
psicovk- ****
- Membro desde : 01/07/2012
Mensagens : 372
Pontos : 644 -
Re: Centralizar caixa cinza
por IchigoBK 10.01.13 21:39
Desculpa a demora, aqui esta:
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.
- 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.
IchigoBK- *
- Membro desde : 18/01/2011
Mensagens : 39
Pontos : 50
Re: Centralizar caixa cinza
por psicovk 10.01.13 21:48
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.
psicovk- ****
- Membro desde : 01/07/2012
Mensagens : 372
Pontos : 644 -
Re: Centralizar caixa cinza
por IchigoBK 10.01.13 22:21
Peço desculpa, não havia reparado na imagem no final da pagina.
Substitua por esse:
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" />
IchigoBK- *
- Membro desde : 18/01/2011
Mensagens : 39
Pontos : 50
Re: Centralizar caixa cinza
por psicovk 10.01.13 22:25
Você mexeu novamente no fundo, agora o background subiu.
psicovk- ****
- Membro desde : 01/07/2012
Mensagens : 372
Pontos : 644 -
Re: Centralizar caixa cinza
por IchigoBK 10.01.13 22:38
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" />
IchigoBK- *
- Membro desde : 18/01/2011
Mensagens : 39
Pontos : 50
psicovk- ****
- Membro desde : 01/07/2012
Mensagens : 372
Pontos : 644 -
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