InícioCentralizar logo em página HTML
2 participantes
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre a aparência do fórum :: Questões resolvidas sobre a aparência do fórum
Página 1 de 1
Centralizar logo em página HTML
por Ucker 02.04.12 17:30
Qual é minha questão:
Opa, tudo bom de novo?
Tipo, criei uma página HTML, mais meu logo tá lá, eu queria centraliza-lo, mas tá no lado direito, como posso deixa-lo no meio? Aqui código:
Medidas que eu tomei para corrigir o problema:
Tipo, criei uma página HTML, mais meu logo tá lá, eu queria centraliza-lo, mas tá no lado direito, como posso deixa-lo no meio? Aqui código:
Links e imagens do meu problema:
Tipo, criei uma página HTML, mais meu logo tá lá, eu queria centraliza-lo, mas tá no lado direito, como posso deixa-lo no meio? Aqui código:
Endereço do meu fórum:
Versão do meu fórum:
PHPBB3
Opa, tudo bom de novo?
Tipo, criei uma página HTML, mais meu logo tá lá, eu queria centraliza-lo, mas tá no lado direito, como posso deixa-lo no meio? Aqui código:
- Spoiler:
- Código:
<html xmlns="http://www.w3.org/1999/xhtml"><head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<link rel="shortcut icon" href="http://framehotel.net/web-gallery//v2/favicon.ico" type="image/x-icon">
<title> Suporte mútuo ao cliente Frame </title>
<style type="text/css">
body,td,th {
font-family: Tahoma, Geneva, sans-serif;
font-size: 14px;
color: #000;
text-shadow: 0px 0px 1px #999;
}
body {
background-color:#1F1F1F;
background-image: url(http://hitskin.com/themes/18/42/46/i_background.jpg);
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
background-repeat: repeat;
background-attachment:fixed;
}
a {
font-size: 12px;
color: #06C;
}
a:link {
text-decoration: none;
}
a:visited {
text-decoration: none;
color: #06C;
}
a:hover {
text-decoration: none;
color: #39F;
}
a:active {
text-decoration: none;
color: #06C;
}
#box-top {
background-color:#f4f4f4;
border:3px #c1c1c1 solid;
margin-top:50px;
border-top-left-radius:8px;
-moz-border-radius-topleft:8px;
border-top-right-radius:8px;
-moz-border-radius-topright:8px;
padding: 15px;
box-shadow: 2px 2px 2px #333;
-webkit-box-shadow: 2px 2px 2px #333;
-moz-box-shadow: 2px 2px 2px #333;
}
#box-meio {
background-color:#f4f4f4;
border:3px #c1c1c1 solid;
margin-top:10px;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 18px;
padding-right: 18px;
box-shadow: 2px 2px 2px #333;
-webkit-box-shadow: 2px 2px 2px #333;
-moz-box-shadow: 2px 2px 2px #333;
}
#box-bottom {
background-color:#f4f4f4;
border:3px #c1c1c1 solid;
margin-top:10px;
margin-bottom:20px;
border-bottom-left-radius:8px;
-moz-border-radius-bottomleft:8px;
border-bottom-right-radius:8px;
-moz-border-radius-bottomright:8px;
padding: 5px 5px 5px 5px;
box-shadow: 2px 2px 2px #333;
-webkit-box-shadow: 2px 2px 2px #333;
-moz-box-shadow: 2px 2px 2px #333;
}
#banner {
width:637px;
height:121px;
background-image:url(http://i46.servimg.com/u/f46/17/36/33/20/vfoxz11.png);
background-repeat:no-repeat;
}
#border-xat{
padding:1px;
border:3px #06C solid;
box-shadow: 0px 0px 2px #333;
-webkit-box-shadow: 0px 0px 2px #333;
-moz-box-shadow: 0px 0px 2px #333;
}
.h2 {
color: #06C;
text-shadow: 0px 0px 1px #666;
}
.h3 {
font-size:11px;
color:#999;
}
</style>
</head>
<body>
<table width="800" border="0" align="center" cellpadding="0" cellspacing="0" id="box-top">
<tbody><tr>
<td align="left" class="h22"><table width="700" border="0" align="left" cellpadding="0" cellspacing="0">
<tbody><tr>
<td id="banner"></td>
<td align="center"><h1 class="h2"></h1></td>
</tr>
</tbody></table></td>
</tr>
</tbody></table>
<table width="800" border="0" align="center" cellpadding="0" cellspacing="0" id="box-meio">
<tbody><tr>
<td align="left" class="h22"><p>"Caro visitante,<br> Demorou, mais chegou! Chegou o fórum de suporte oficial do <a href="http://framehotel.net/" target="_blanck">Frame Hotel</a>."<br>
<br>
O Frame está evoluindo á cada dia que se passa, a partir de agora, chegou o site de serviço para suporte aos demais jogadores do hotel. Aqui vocês poderão solicitar e fornecer ajuda a outros usuários sobre o <b>Frame Hotel</b> e suas diversas temáticas, trocar opiniões e sugestões/críticas construtivas sobre as funcionalidades do sistema. </p>
<br><center><script type="text/javascript"><!--
google_ad_client = "pub-3532459646744559";
/* 728x90, criado 23/04/11 */
google_ad_slot = "0063342042";
google_ad_width = 728;
google_ad_height = 90;
//-->
</script>
<script type="text/javascript" src="">
</script>
</center><table width="700" border="0" align="center" cellpadding="0" cellspacing="0">
<tbody><tr>
<td align="center"><h2 class="h2"><a target="_blank" title="Visite o fórum" href="/forum"><img src="http://i49.servimg.com/u/f49/16/79/58/45/entrar15.png" border="0"></a>
<a target="_blank" title="Faça cadastro no fórum" href="/register"><img src="http://i49.servimg.com/u/f49/16/79/58/45/cadast10.png" border="0"></a>
<br>
</h2></td>
</tr>
<tr>
</tr>
</tbody></table>
<p> </p></td>
</tr>
</tbody></table>
<table width="800" border="0" align="center" cellpadding="0" cellspacing="0" id="box-bottom">
<tbody><tr>
<td width="756" align="left" class="h3">Frame Hotel © 2012 - Todos os direitos reservados | Fórum desenvolvido by Iskol</td>
<td width="42" align="left" class="h3">™</td>
</tr>
</tbody></table>
<a href="http://www.forumeiros.com></a>
<a href=" http:="" steamprofile.com="" "="" target="_blank"></a></body></html>
Medidas que eu tomei para corrigir o problema:
Tipo, criei uma página HTML, mais meu logo tá lá, eu queria centraliza-lo, mas tá no lado direito, como posso deixa-lo no meio? Aqui código:
- Spoiler:
- Código:
<html xmlns="http://www.w3.org/1999/xhtml"><head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<link rel="shortcut icon" href="http://framehotel.net/web-gallery//v2/favicon.ico" type="image/x-icon">
<title> Suporte mútuo ao cliente Frame </title>
<style type="text/css">
body,td,th {
font-family: Tahoma, Geneva, sans-serif;
font-size: 14px;
color: #000;
text-shadow: 0px 0px 1px #999;
}
body {
background-color:#1F1F1F;
background-image: url(http://hitskin.com/themes/18/42/46/i_background.jpg);
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
background-repeat: repeat;
background-attachment:fixed;
}
a {
font-size: 12px;
color: #06C;
}
a:link {
text-decoration: none;
}
a:visited {
text-decoration: none;
color: #06C;
}
a:hover {
text-decoration: none;
color: #39F;
}
a:active {
text-decoration: none;
color: #06C;
}
#box-top {
background-color:#f4f4f4;
border:3px #c1c1c1 solid;
margin-top:50px;
border-top-left-radius:8px;
-moz-border-radius-topleft:8px;
border-top-right-radius:8px;
-moz-border-radius-topright:8px;
padding: 15px;
box-shadow: 2px 2px 2px #333;
-webkit-box-shadow: 2px 2px 2px #333;
-moz-box-shadow: 2px 2px 2px #333;
}
#box-meio {
background-color:#f4f4f4;
border:3px #c1c1c1 solid;
margin-top:10px;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 18px;
padding-right: 18px;
box-shadow: 2px 2px 2px #333;
-webkit-box-shadow: 2px 2px 2px #333;
-moz-box-shadow: 2px 2px 2px #333;
}
#box-bottom {
background-color:#f4f4f4;
border:3px #c1c1c1 solid;
margin-top:10px;
margin-bottom:20px;
border-bottom-left-radius:8px;
-moz-border-radius-bottomleft:8px;
border-bottom-right-radius:8px;
-moz-border-radius-bottomright:8px;
padding: 5px 5px 5px 5px;
box-shadow: 2px 2px 2px #333;
-webkit-box-shadow: 2px 2px 2px #333;
-moz-box-shadow: 2px 2px 2px #333;
}
#banner {
width:637px;
height:121px;
background-image:url(http://i46.servimg.com/u/f46/17/36/33/20/vfoxz11.png);
background-repeat:no-repeat;
}
#border-xat{
padding:1px;
border:3px #06C solid;
box-shadow: 0px 0px 2px #333;
-webkit-box-shadow: 0px 0px 2px #333;
-moz-box-shadow: 0px 0px 2px #333;
}
.h2 {
color: #06C;
text-shadow: 0px 0px 1px #666;
}
.h3 {
font-size:11px;
color:#999;
}
</style>
</head>
<body>
<table width="800" border="0" align="center" cellpadding="0" cellspacing="0" id="box-top">
<tbody><tr>
<td align="left" class="h22"><table width="700" border="0" align="left" cellpadding="0" cellspacing="0">
<tbody><tr>
<td id="banner"></td>
<td align="center"><h1 class="h2"></h1></td>
</tr>
</tbody></table></td>
</tr>
</tbody></table>
<table width="800" border="0" align="center" cellpadding="0" cellspacing="0" id="box-meio">
<tbody><tr>
<td align="left" class="h22"><p>"Caro visitante,<br> Demorou, mais chegou! Chegou o fórum de suporte oficial do <a href="http://framehotel.net/" target="_blanck">Frame Hotel</a>."<br>
<br>
O Frame está evoluindo á cada dia que se passa, a partir de agora, chegou o site de serviço para suporte aos demais jogadores do hotel. Aqui vocês poderão solicitar e fornecer ajuda a outros usuários sobre o <b>Frame Hotel</b> e suas diversas temáticas, trocar opiniões e sugestões/críticas construtivas sobre as funcionalidades do sistema. </p>
<br><center><script type="text/javascript"><!--
google_ad_client = "pub-3532459646744559";
/* 728x90, criado 23/04/11 */
google_ad_slot = "0063342042";
google_ad_width = 728;
google_ad_height = 90;
//-->
</script>
<script type="text/javascript" src="">
</script>
</center><table width="700" border="0" align="center" cellpadding="0" cellspacing="0">
<tbody><tr>
<td align="center"><h2 class="h2"><a target="_blank" title="Visite o fórum" href="/forum"><img src="http://i49.servimg.com/u/f49/16/79/58/45/entrar15.png" border="0"></a>
<a target="_blank" title="Faça cadastro no fórum" href="/register"><img src="http://i49.servimg.com/u/f49/16/79/58/45/cadast10.png" border="0"></a>
<br>
</h2></td>
</tr>
<tr>
</tr>
</tbody></table>
<p> </p></td>
</tr>
</tbody></table>
<table width="800" border="0" align="center" cellpadding="0" cellspacing="0" id="box-bottom">
<tbody><tr>
<td width="756" align="left" class="h3">Frame Hotel © 2012 - Todos os direitos reservados | Fórum desenvolvido by Iskol</td>
<td width="42" align="left" class="h3">™</td>
</tr>
</tbody></table>
<a href="http://www.forumeiros.com></a>
<a href=" http:="" steamprofile.com="" "="" target="_blank"></a></body></html>
Links e imagens do meu problema:
Tipo, criei uma página HTML, mais meu logo tá lá, eu queria centraliza-lo, mas tá no lado direito, como posso deixa-lo no meio? Aqui código:
- Spoiler:
- Código:
<html xmlns="http://www.w3.org/1999/xhtml"><head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<link rel="shortcut icon" href="http://framehotel.net/web-gallery//v2/favicon.ico" type="image/x-icon">
<title> Suporte mútuo ao cliente Frame </title>
<style type="text/css">
body,td,th {
font-family: Tahoma, Geneva, sans-serif;
font-size: 14px;
color: #000;
text-shadow: 0px 0px 1px #999;
}
body {
background-color:#1F1F1F;
background-image: url(http://hitskin.com/themes/18/42/46/i_background.jpg);
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
background-repeat: repeat;
background-attachment:fixed;
}
a {
font-size: 12px;
color: #06C;
}
a:link {
text-decoration: none;
}
a:visited {
text-decoration: none;
color: #06C;
}
a:hover {
text-decoration: none;
color: #39F;
}
a:active {
text-decoration: none;
color: #06C;
}
#box-top {
background-color:#f4f4f4;
border:3px #c1c1c1 solid;
margin-top:50px;
border-top-left-radius:8px;
-moz-border-radius-topleft:8px;
border-top-right-radius:8px;
-moz-border-radius-topright:8px;
padding: 15px;
box-shadow: 2px 2px 2px #333;
-webkit-box-shadow: 2px 2px 2px #333;
-moz-box-shadow: 2px 2px 2px #333;
}
#box-meio {
background-color:#f4f4f4;
border:3px #c1c1c1 solid;
margin-top:10px;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 18px;
padding-right: 18px;
box-shadow: 2px 2px 2px #333;
-webkit-box-shadow: 2px 2px 2px #333;
-moz-box-shadow: 2px 2px 2px #333;
}
#box-bottom {
background-color:#f4f4f4;
border:3px #c1c1c1 solid;
margin-top:10px;
margin-bottom:20px;
border-bottom-left-radius:8px;
-moz-border-radius-bottomleft:8px;
border-bottom-right-radius:8px;
-moz-border-radius-bottomright:8px;
padding: 5px 5px 5px 5px;
box-shadow: 2px 2px 2px #333;
-webkit-box-shadow: 2px 2px 2px #333;
-moz-box-shadow: 2px 2px 2px #333;
}
#banner {
width:637px;
height:121px;
background-image:url(http://i46.servimg.com/u/f46/17/36/33/20/vfoxz11.png);
background-repeat:no-repeat;
}
#border-xat{
padding:1px;
border:3px #06C solid;
box-shadow: 0px 0px 2px #333;
-webkit-box-shadow: 0px 0px 2px #333;
-moz-box-shadow: 0px 0px 2px #333;
}
.h2 {
color: #06C;
text-shadow: 0px 0px 1px #666;
}
.h3 {
font-size:11px;
color:#999;
}
</style>
</head>
<body>
<table width="800" border="0" align="center" cellpadding="0" cellspacing="0" id="box-top">
<tbody><tr>
<td align="left" class="h22"><table width="700" border="0" align="left" cellpadding="0" cellspacing="0">
<tbody><tr>
<td id="banner"></td>
<td align="center"><h1 class="h2"></h1></td>
</tr>
</tbody></table></td>
</tr>
</tbody></table>
<table width="800" border="0" align="center" cellpadding="0" cellspacing="0" id="box-meio">
<tbody><tr>
<td align="left" class="h22"><p>"Caro visitante,<br> Demorou, mais chegou! Chegou o fórum de suporte oficial do <a href="http://framehotel.net/" target="_blanck">Frame Hotel</a>."<br>
<br>
O Frame está evoluindo á cada dia que se passa, a partir de agora, chegou o site de serviço para suporte aos demais jogadores do hotel. Aqui vocês poderão solicitar e fornecer ajuda a outros usuários sobre o <b>Frame Hotel</b> e suas diversas temáticas, trocar opiniões e sugestões/críticas construtivas sobre as funcionalidades do sistema. </p>
<br><center><script type="text/javascript"><!--
google_ad_client = "pub-3532459646744559";
/* 728x90, criado 23/04/11 */
google_ad_slot = "0063342042";
google_ad_width = 728;
google_ad_height = 90;
//-->
</script>
<script type="text/javascript" src="">
</script>
</center><table width="700" border="0" align="center" cellpadding="0" cellspacing="0">
<tbody><tr>
<td align="center"><h2 class="h2"><a target="_blank" title="Visite o fórum" href="/forum"><img src="http://i49.servimg.com/u/f49/16/79/58/45/entrar15.png" border="0"></a>
<a target="_blank" title="Faça cadastro no fórum" href="/register"><img src="http://i49.servimg.com/u/f49/16/79/58/45/cadast10.png" border="0"></a>
<br>
</h2></td>
</tr>
<tr>
</tr>
</tbody></table>
<p> </p></td>
</tr>
</tbody></table>
<table width="800" border="0" align="center" cellpadding="0" cellspacing="0" id="box-bottom">
<tbody><tr>
<td width="756" align="left" class="h3">Frame Hotel © 2012 - Todos os direitos reservados | Fórum desenvolvido by Iskol</td>
<td width="42" align="left" class="h3">™</td>
</tr>
</tbody></table>
<a href="http://www.forumeiros.com></a>
<a href=" http:="" steamprofile.com="" "="" target="_blank"></a></body></html>
Endereço do meu fórum:
Versão do meu fórum:
PHPBB3
Ucker- **
- Membro desde : 13/03/2012
Mensagens : 86
Pontos : 130
Re: Centralizar logo em página HTML
por Convidado 03.04.12 14:23
Cara poderia ser mais explecifico não entendi em ponha este código em este código
- Código:
[code]aqui o código do seu HTML[/code]
Convidado- Convidado
Ucker- **
- Membro desde : 13/03/2012
Mensagens : 86
Pontos : 130
Re: Centralizar logo em página HTML
por LiteCoder 04.04.12 2:27
Substitua pelo seguinte código.
- Código:
<html xmlns="http://www.w3.org/1999/xhtml"><head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<link rel="shortcut icon" href="http://framehotel.net/web-gallery//v2/favicon.ico" type="image/x-icon">
<title> Suporte mútuo ao cliente Frame </title>
<style type="text/css">
body,td,th {
font-family: Tahoma, Geneva, sans-serif;
font-size: 14px;
color: #000;
text-shadow: 0px 0px 1px #999;
}
body {
background-color:#1F1F1F;
background-image: url(http://hitskin.com/themes/18/42/46/i_background.jpg);
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
background-repeat: repeat;
background-attachment:fixed;
}
a {
font-size: 12px;
color: #06C;
}
a:link {
text-decoration: none;
}
a:visited {
text-decoration: none;
color: #06C;
}
a:hover {
text-decoration: none;
color: #39F;
}
a:active {
text-decoration: none;
color: #06C;
}
#box-top {
background-color:#f4f4f4;
border:3px #c1c1c1 solid;
margin-top:50px;
border-top-left-radius:8px;
-moz-border-radius-topleft:8px;
border-top-right-radius:8px;
-moz-border-radius-topright:8px;
padding: 15px;
box-shadow: 2px 2px 2px #333;
-webkit-box-shadow: 2px 2px 2px #333;
-moz-box-shadow: 2px 2px 2px #333;
}
#box-meio {
background-color:#f4f4f4;
border:3px #c1c1c1 solid;
margin-top:10px;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 18px;
padding-right: 18px;
box-shadow: 2px 2px 2px #333;
-webkit-box-shadow: 2px 2px 2px #333;
-moz-box-shadow: 2px 2px 2px #333;
}
#box-bottom {
background-color:#f4f4f4;
border:3px #c1c1c1 solid;
margin-top:10px;
margin-bottom:20px;
border-bottom-left-radius:8px;
-moz-border-radius-bottomleft:8px;
border-bottom-right-radius:8px;
-moz-border-radius-bottomright:8px;
padding: 5px 5px 5px 5px;
box-shadow: 2px 2px 2px #333;
-webkit-box-shadow: 2px 2px 2px #333;
-moz-box-shadow: 2px 2px 2px #333;
}
#banner {
width:637px;
height:121px;
background-image:url(http://i46.servimg.com/u/f46/17/36/33/20/vfoxz11.png);
background-repeat:no-repeat;
background-position: center;
}
#border-xat{
padding:1px;
border:3px #06C solid;
box-shadow: 0px 0px 2px #333;
-webkit-box-shadow: 0px 0px 2px #333;
-moz-box-shadow: 0px 0px 2px #333;
}
.h2 {
color: #06C;
text-shadow: 0px 0px 1px #666;
}
.h3 {
font-size:11px;
color:#999;
}
</style>
</head>
<body>
<table width="800" border="0" align="center" cellpadding="0" cellspacing="0" id="box-top">
<tbody><tr>
<td align="left" class="h22"><table width="700" border="0" align="left" cellpadding="0" cellspacing="0">
<tbody><tr>
<td id="banner"></td>
<td align="center"><h1 class="h2"></h1></td>
</tr>
</tbody></table></td>
</tr>
</tbody></table>
<table width="800" border="0" align="center" cellpadding="0" cellspacing="0" id="box-meio">
<tbody><tr>
<td align="left" class="h22"><p>"Caro visitante,<br> Demorou, mais chegou! Chegou o fórum de suporte oficial do <a href="http://framehotel.net/" target="_blanck">Frame Hotel</a>."<br>
<br>
O Frame está evoluindo á cada dia que se passa, a partir de agora, chegou o site de serviço para suporte aos demais jogadores do hotel. Aqui vocês poderão solicitar e fornecer ajuda a outros usuários sobre o <b>Frame Hotel</b> e suas diversas temáticas, trocar opiniões e sugestões/críticas construtivas sobre as funcionalidades do sistema. </p>
<br><center><script type="text/javascript"><!--
google_ad_client = "pub-3532459646744559";
/* 728x90, criado 23/04/11 */
google_ad_slot = "0063342042";
google_ad_width = 728;
google_ad_height = 90;
//-->
</script>
<script type="text/javascript" src="">
</script>
</center><table width="700" border="0" align="center" cellpadding="0" cellspacing="0">
<tbody><tr>
<td align="center"><h2 class="h2"><a target="_blank" title="Visite o fórum" href="/forum"><img src="http://i49.servimg.com/u/f49/16/79/58/45/entrar15.png" border="0"></a>
<a target="_blank" title="Faça cadastro no fórum" href="/register"><img src="http://i49.servimg.com/u/f49/16/79/58/45/cadast10.png" border="0"></a>
<br>
</h2></td>
</tr>
<tr>
</tr>
</tbody></table>
<p> </p></td>
</tr>
</tbody></table>
<table width="800" border="0" align="center" cellpadding="0" cellspacing="0" id="box-bottom">
<tbody><tr>
<td width="756" align="left" class="h3">Frame Hotel © 2012 - Todos os direitos reservados | Fórum desenvolvido by Iskol</td>
<td width="42" align="left" class="h3">™</td>
</tr>
</tbody></table>
<a href="http://www.forumeiros.com></a>
<a href=" http:="" steamprofile.com="" "="" target="_blank"></a></body></html>
LiteCoder- **
- Membro desde : 08/07/2011
Mensagens : 61
Pontos : 84
Re: Centralizar logo em página HTML
por Ucker 05.04.12 1:38
Perfeito Lite, resolveu minha questão, podem finalizar aqui.
Ucker- **
- Membro desde : 13/03/2012
Mensagens : 86
Pontos : 130
Tópicos semelhantes» Centralizar elemento de página HTML
» Centralizar texto pagina html
» Centralizar código html
» Definir página HTML personalizada como página inicial
» Pagina html como página inicial do fórum
» Centralizar texto pagina html
» Centralizar código html
» Definir página HTML personalizada como página inicial
» Pagina html como página inicial do fórum
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre a aparência do fórum :: Questões resolvidas sobre a aparência do fórum
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos