Código html básico

2 participantes

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

Tópico resolvido Código html básico

Mensagem por Daniel Z 01.04.14 23:44

Qual é minha questão:
Minha dúvida é bem simples e não envolve nada avançado.

Tenho no Rodapé do meu fórum três "box" onde reservo links para parceiros e outros.
Ambos estão apenas alinhados na Vertical, mas gostaria que houvesse dentro do mesmo espaço, uma segunda coluna sem divisória.

Ex:
codigo - Código html básico P6H2rLW
Atual

codigo - Código html básico EqT4Obu
Como gostaria de ficar

Código:
<p style="text-align: center;">
         <span style="color:#ffffff;"><strong>Sites recomendados</strong></span></p>
  <a href="http://www.gog.com/"><img src="http://i.imgur.com/jN3NEOk.png" border="0" alt="#" /> GOG</a>
  <a href="http://store.steampowered.com/?l=portuguese"><img src="http://i.imgur.com/jN3NEOk.png" border="0" alt="#" /> STEAM</a>
  <a href="http://www.gamefaqs.com/"><img src="http://i.imgur.com/jN3NEOk.png" border="0" alt="#" /> GameFAQs</a>
  <a href="http://www.howlongtobeat.com//"><img src="http://i.imgur.com/jN3NEOk.png" border="0" alt="#" /> HowLongToBeat</a>



Endereço do meu fórum:
http://rpg-players.com

Versão do fórum:
PUNBB


Última edição por Daniel Z em 02.04.14 2:06, editado 1 vez(es)
Daniel Z

Daniel Z
***

Membro desde : 30/04/2012
Mensagens : 116
Pontos : 189

http://rpgteste.queroforum.net/

Ir para o topo Ir para baixo

Tópico resolvido Re: Código html básico

Mensagem por SC.Sheldon 02.04.14 0:22

Não entendi muito bem sua questão me explique um pouco mais...

Até mais
SC.Sheldon

SC.Sheldon
Novo Membro

Membro desde : 02/04/2014
Mensagens : 27
Pontos : 33

http://www.suportecommunity.com.br/

Ir para o topo Ir para baixo

Tópico resolvido Re: Código html básico

Mensagem por Daniel Z 02.04.14 0:33

Gostaria que fosse implementado o código que passei para que houvesse na horizontal uma segunda coluna, no caso aqueles "links" que aparecem na imagem de como gostaria que ficasse.

Hoje não há ela, e está como na primeira imagem.


Daniel Z

Daniel Z
***

Membro desde : 30/04/2012
Mensagens : 116
Pontos : 189

http://rpgteste.queroforum.net/

Ir para o topo Ir para baixo

Tópico resolvido Re: Código html básico

Mensagem por SC.Sheldon 02.04.14 0:39

Tente
Código:
<p style="text-align: center;">
        <span style="color:#ffffff;"><strong>Sites recomendados</strong></span></p>
  <a href="http://www.gog.com/"><img src="http://i.imgur.com/jN3NEOk.png" border="0" alt="#" /> GOG</a>
  <a href="http://store.steampowered.com/?l=portuguese"><img src="http://i.imgur.com/jN3NEOk.png" border="0" alt="#" /> STEAM</a>
  <a href="http://www.gamefaqs.com/"><img src="http://i.imgur.com/jN3NEOk.png" border="0" alt="#" /> GameFAQs</a>
  <a href="http://www.howlongtobeat.com//"><img src="http://i.imgur.com/jN3NEOk.png" border="0" alt="#" /> HowLongToBeat</a><div align="right"><a href="http://www.gog.com/"><img src="http://i.imgur.com/jN3NEOk.png" border="0" alt="#" /> GOG</a>
  <a href="http://store.steampowered.com/?l=portuguese"><img src="http://i.imgur.com/jN3NEOk.png" border="0" alt="#" /> STEAM</a>
  <a href="http://www.gamefaqs.com/"><img src="http://i.imgur.com/jN3NEOk.png" border="0" alt="#" /> GameFAQs</a></div>

coloquei repitido, se der algum erro avise

até
SC.Sheldon

SC.Sheldon
Novo Membro

Membro desde : 02/04/2014
Mensagens : 27
Pontos : 33

http://www.suportecommunity.com.br/

Ir para o topo Ir para baixo

Tópico resolvido Re: Código html básico

Mensagem por Daniel Z 02.04.14 0:44

Tens como colocar uma distância (margin-left), ao invés do align="right"?

Ele acabou obstruído:

codigo - Código html básico G4M1EIw
Daniel Z

Daniel Z
***

Membro desde : 30/04/2012
Mensagens : 116
Pontos : 189

http://rpgteste.queroforum.net/

Ir para o topo Ir para baixo

Tópico resolvido Re: Código html básico

Mensagem por SC.Sheldon 02.04.14 0:47

tente
Código:
<p style="text-align: center;">
        <span style="color:#ffffff;"><strong>Sites recomendados</strong></span></p>
  <a href="http://www.gog.com/"><img src="http://i.imgur.com/jN3NEOk.png" border="0" alt="#" /> GOG</a>
  <a href="http://store.steampowered.com/?l=portuguese"><img src="http://i.imgur.com/jN3NEOk.png" border="0" alt="#" /> STEAM</a>
  <a href="http://www.gamefaqs.com/"><img src="http://i.imgur.com/jN3NEOk.png" border="0" alt="#" /> GameFAQs</a>
  <a href="http://www.howlongtobeat.com//"><img src="http://i.imgur.com/jN3NEOk.png" border="0" alt="#" /> HowLongToBeat</a><div align="left"><a href="http://www.gog.com/"><img src="http://i.imgur.com/jN3NEOk.png" border="0" alt="#" /> GOG</a>
  <a href="http://store.steampowered.com/?l=portuguese"><img src="http://i.imgur.com/jN3NEOk.png" border="0" alt="#" /> STEAM</a>
  <a href="http://www.gamefaqs.com/"><img src="http://i.imgur.com/jN3NEOk.png" border="0" alt="#" /> GameFAQs</a></div>

Até
SC.Sheldon

SC.Sheldon
Novo Membro

Membro desde : 02/04/2014
Mensagens : 27
Pontos : 33

http://www.suportecommunity.com.br/

Ir para o topo Ir para baixo

Tópico resolvido Re: Código html básico

Mensagem por Daniel Z 02.04.14 0:50

Não resultou, Sheldon:

codigo - Código html básico Fwjk2IE
Daniel Z

Daniel Z
***

Membro desde : 30/04/2012
Mensagens : 116
Pontos : 189

http://rpgteste.queroforum.net/

Ir para o topo Ir para baixo

Tópico resolvido Re: Código html básico

Mensagem por SC.Sheldon 02.04.14 0:53

<p style="text-align: center;">
<span style="color:#ffffff;"><strong>Sites recomendados</strong></span></p>
<a href="http://www.gog.com/"><img src="https://i.imgur.com/jN3NEOk.png" border="0" alt="#" /> GOG</a>
<a href="http://store.steampowered.com/?l=portuguese"><img src="https://i.imgur.com/jN3NEOk.png" border="0" alt="#" /> STEAM</a>
<a href="http://www.gamefaqs.com/"><img src="https://i.imgur.com/jN3NEOk.png" border="0" alt="#" /> GameFAQs</a>
<a href="http://www.howlongtobeat.com//"><img src="https://i.imgur.com/jN3NEOk.png" border="0" alt="#" /> HowLongToBeat</a><div align="center"><a href="http://www.gog.com/"><img src="https://i.imgur.com/jN3NEOk.png" border="0" alt="#" /> GOG</a>
<a href="http://store.steampowered.com/?l=portuguese"><img src="https://i.imgur.com/jN3NEOk.png" border="0" alt="#" /> STEAM</a>
<a href="http://www.gamefaqs.com/"><img src="https://i.imgur.com/jN3NEOk.png" border="0" alt="#" /> GameFAQs</a></div>
SC.Sheldon

SC.Sheldon
Novo Membro

Membro desde : 02/04/2014
Mensagens : 27
Pontos : 33

http://www.suportecommunity.com.br/

Ir para o topo Ir para baixo

Tópico resolvido Re: Código html básico

Mensagem por Daniel Z 02.04.14 0:57

Não deu certo, Sheldon:

codigo - Código html básico Sz6nEIu
Daniel Z

Daniel Z
***

Membro desde : 30/04/2012
Mensagens : 116
Pontos : 189

http://rpgteste.queroforum.net/

Ir para o topo Ir para baixo

Tópico resolvido Re: Código html básico

Mensagem por SC.Sheldon 02.04.14 0:58

a imagem 2... você viu em algum fórum blog ou site?
SC.Sheldon

SC.Sheldon
Novo Membro

Membro desde : 02/04/2014
Mensagens : 27
Pontos : 33

http://www.suportecommunity.com.br/

Ir para o topo Ir para baixo

Tópico resolvido Re: Código html básico

Mensagem por Daniel Z 02.04.14 1:03

Cara, não vi não.
Mas como é um html, achei que alguém teria um "table" ou algo similar para alinhar a segunda.

Por "&nbsp" um código ao lado do outro ele vai, mas não fica bem alinhado:

Fiz esse em um editor html online:

Código:
<html>
   <head>
      <title></title>
   </head>
   <body>
      <p style="text-align: center;">
         <span style="color:#ffffff;"><strong>Sites recomendados</strong></span></p>
      <p>
         <a href="http://www.gog.com/"><img alt="#" border="0" src="http://i.imgur.com/jN3NEOk.png" /> GOG</a>                          <a href="http://www.gog.com/"><img alt="#" border="0" src="http://i.imgur.com/jN3NEOk.png" /> GOG</a></p>
      <p>
         <a href="http://store.steampowered.com/?l=portuguese"><img alt="#" border="0" src="http://i.imgur.com/jN3NEOk.png" /> STEAM</a>                      <a href="http://store.steampowered.com/?l=portuguese"><img alt="#" border="0" src="http://i.imgur.com/jN3NEOk.png" /> STEAM</a></p>
      <p>
         <a href="http://www.gamefaqs.com/"><img alt="#" border="0" src="http://i.imgur.com/jN3NEOk.png" /> GameFAQs</a>                <a href="http://www.gamefaqs.com/"><img alt="#" border="0" src="http://i.imgur.com/jN3NEOk.png" /> GameFAQs</a></p>
      <p>
         <a href="http://www.howlongtobeat.com//"><img alt="#" border="0" src="http://i.imgur.com/jN3NEOk.png" /> HowLongToBeat</a>        <a href="http://www.howlongtobeat.com//"><img alt="#" border="0" src="http://i.imgur.com/jN3NEOk.png" /> HowLongToBeat</a></p>
   </body>
</html>

codigo - Código html básico PIgvpyC

edit: Por algum motivo, o "&nbsp", não aparece quando postado dentro da tag code.
Daniel Z

Daniel Z
***

Membro desde : 30/04/2012
Mensagens : 116
Pontos : 189

http://rpgteste.queroforum.net/

Ir para o topo Ir para baixo

Tópico resolvido Re: Código html básico

Mensagem por SC.Sheldon 02.04.14 1:07

Qual editor voce usou


até mais
SC.Sheldon

SC.Sheldon
Novo Membro

Membro desde : 02/04/2014
Mensagens : 27
Pontos : 33

http://www.suportecommunity.com.br/

Ir para o topo Ir para baixo

Tópico resolvido Re: Código html básico

Mensagem por Daniel Z 02.04.14 1:08

Daniel Z

Daniel Z
***

Membro desde : 30/04/2012
Mensagens : 116
Pontos : 189

http://rpgteste.queroforum.net/

Ir para o topo Ir para baixo

Tópico resolvido Re: Código html básico

Mensagem por SC.Sheldon 02.04.14 1:12

tente
Código:
<p style="text-align: center;">
<span style="color:#ffffff;"><strong>Sites recomendados</strong></span></p>
<a href="http://www.gog.com/"><img src="http://i.imgur.com/jN3NEOk.png" border="0" alt="#" /> GOG</a>
<a href="http://store.steampowered.com/?l=portuguese"><img src="http://i.imgur.com/jN3NEOk.png" border="0" alt="#" /> STEAM</a>
<a href="http://www.gamefaqs.com/"><img src="http://i.imgur.com/jN3NEOk.png" border="0" alt="#" /> GameFAQs</a>
<a href="http://www.howlongtobeat.com//"><img src="http://i.imgur.com/jN3NEOk.png" border="0" alt="#" /> HowLongToBeat</a><a href="http://www.gog.com/"><img src="http://i.imgur.com/jN3NEOk.png" border="0" alt="#" /> GOG</a>
<a href="http://store.steampowered.com/?l=portuguese"><img src="http://i.imgur.com/jN3NEOk.png" border="0" alt="#" /> STEAM</a>
<a href="http://www.gamefaqs.com/"><img src="http://i.imgur.com/jN3NEOk.png" border="0" alt="#" /> GameFAQs</a></div>
SC.Sheldon

SC.Sheldon
Novo Membro

Membro desde : 02/04/2014
Mensagens : 27
Pontos : 33

http://www.suportecommunity.com.br/

Ir para o topo Ir para baixo

Tópico resolvido Re: Código html básico

Mensagem por Daniel Z 02.04.14 1:16

Não resultou, Sheldon:

codigo - Código html básico YzXHg6L
Daniel Z

Daniel Z
***

Membro desde : 30/04/2012
Mensagens : 116
Pontos : 189

http://rpgteste.queroforum.net/

Ir para o topo Ir para baixo

Tópico resolvido Re: Código html básico

Mensagem por SC.Sheldon 02.04.14 1:19

para teste use este código para testarmos
Código:
<p style="text-align: center;">
<span style="color:#ffffff;"><strong>Sites recomendados</strong></span></p>
<a href="http://www.gog.com/"><img src="http://i.imgur.com/jN3NEOk.png" border="0" alt="#" /> GOG                GGGOOOGGG</a>
SC.Sheldon

SC.Sheldon
Novo Membro

Membro desde : 02/04/2014
Mensagens : 27
Pontos : 33

http://www.suportecommunity.com.br/

Ir para o topo Ir para baixo

Tópico resolvido Re: Código html básico

Mensagem por Daniel Z 02.04.14 1:33

Sheldon, eu consegui por "table", aqui:

Código:
<p style="text-align: center;">
<span style="color:#ffffff;"><strong>Sites recomendados</strong></span></p>
<html>
   <head>
      <title></title>
   </head>
   <body>
      <table align="left" border="0" cellpadding="1" cellspacing="1" style="width: 235px; height: 75px;">
         <tbody>
            <tr>
               <td>
                  <a href="http://www.gog.com/" style="margin: 0px; padding: 2px 0px 2px 5px; display: inline !important; text-decoration: none !important;"><img alt="#" border="0" src="http://i.imgur.com/jN3NEOk.png" style="margin: 0px; padding: 0px;" /> GOG</span></a></td>
               <td>
                  <a href="http://www.gog.com/" style="margin: 0px; padding: 2px 0px 2px 5px; display: inline !important; text-decoration: none !important;"><img alt="#" border="0" src="http://i.imgur.com/jN3NEOk.png" style="margin: 0px; padding: 0px;" /> GOG</span></a></td>
            </tr>
            <tr>
               <td>
                  <a href="http://www.gog.com/" style="margin: 0px; padding: 2px 0px 2px 5px; display: inline !important; text-decoration: none !important;"><img alt="#" border="0" src="http://i.imgur.com/jN3NEOk.png" style="margin: 0px; padding: 0px;" /> GameFAQs</span></a></td>
               <td>
                  <a href="http://www.gog.com/" style="margin: 0px; padding: 2px 0px 2px 5px; display: inline !important; text-decoration: none !important;"><img alt="#" border="0" src="http://i.imgur.com/jN3NEOk.png" style="margin: 0px; padding: 0px;" /> GameFAQs</span></a></td>
            </tr>
            <tr>
               <td>
                  <a href="http://www.gog.com/" style="margin: 0px; padding: 2px 0px 2px 5px; display: inline !important; text-decoration: none !important;"><img alt="#" border="0" src="http://i.imgur.com/jN3NEOk.png" style="margin: 0px; padding: 0px;" /> Steam</span></a></td>
               <td>
                  <a href="http://www.gog.com/" style="margin: 0px; padding: 2px 0px 2px 5px; display: inline !important; text-decoration: none !important;"><img alt="#" border="0" src="http://i.imgur.com/jN3NEOk.png" style="margin: 0px; padding: 0px;" /> Steam</span></a></td>
            </tr>
            <tr>
               <td>
                  <a href="http://www.gog.com/" style="margin: 0px; padding: 2px 0px 2px 5px; display: inline !important; text-decoration: none !important;"><img alt="#" border="0" src="http://i.imgur.com/jN3NEOk.png" style="margin: 0px; padding: 0px;" /> HowLongBeat</span></a></td>
               <td>
                  <a href="http://www.gog.com/" style="margin: 0px; padding: 2px 0px 2px 5px; display: inline !important; text-decoration: none !important;"><img alt="#" border="0" src="http://i.imgur.com/jN3NEOk.png" style="margin: 0px; padding: 0px;" /> HowLongBeat</span></a></td>
            </tr>
         </tbody>
      </table>

    </div>
  </td>

codigo - Código html básico TGIgeYd

Mas meu overall_footer_end ficou com diversos erros em vermelho.

codigo - Código html básico 6z7zhYV

Tens como ver o que está errado no código acima e limpar o código?
Daniel Z

Daniel Z
***

Membro desde : 30/04/2012
Mensagens : 116
Pontos : 189

http://rpgteste.queroforum.net/

Ir para o topo Ir para baixo

Tópico resolvido Re: Código html básico

Mensagem por SC.Sheldon 02.04.14 1:35

é normal... tente salvar
SC.Sheldon

SC.Sheldon
Novo Membro

Membro desde : 02/04/2014
Mensagens : 27
Pontos : 33

http://www.suportecommunity.com.br/

Ir para o topo Ir para baixo

Tópico resolvido Re: Código html básico

Mensagem por Daniel Z 02.04.14 2:06

Revisei o código eliminando as tags com erro.

Fica o código completo para que se um dia alguém tiver o mesmo problema:

Código:
<tr><td><a href="http://www.gog.com/" style="margin: 0px; padding: 2px 2px 2px 2px; display: inline !important; text-decoration: none !important;"><img alt="#" border="0" src="http://i.imgur.com/jN3NEOk.png" style="margin: 0px; padding: 0px;" /> GOG</a></td>
               <td><a href="http://www.gog.com/" style="margin: 0px; padding: 2px 2px 2px 2px; display: inline !important; text-decoration: none !important;"><img alt="#" border="0" src="http://i.imgur.com/jN3NEOk.png" style="margin: 0px; padding: 0px;" /> GOG</a></td></tr>
            <tr><td><a href="http://www.gog.com/" style="margin: 0px; padding: 2px 2px 2px 2px; display: inline !important; text-decoration: none !important;"><img alt="#" border="0" src="http://i.imgur.com/jN3NEOk.png" style="margin: 0px; padding: 0px;" /> GameFAQs</a></td>
                <td><a href="http://www.gog.com/" style="margin: 0px; padding: 2px 2px 2px 2px; display: inline !important; text-decoration: none !important;"><img alt="#" border="0" src="http://i.imgur.com/jN3NEOk.png" style="margin: 0px; padding: 0px;" /> GameFAQs</a></td></tr>
                                   <tr><td><a href="http://www.gog.com/" style="margin: 0px; padding: 2px 2px 2px 2px; display: inline !important; text-decoration: none !important;"><img alt="#" border="0" src="http://i.imgur.com/jN3NEOk.png" style="margin: 0px; padding: 0px;" /> Steam</a></td>
                   <td><a href="http://www.gog.com/" style="margin: 0px; padding: 2px 2px 2px 2px; display: inline !important; text-decoration: none !important;"><img alt="#" border="0" src="http://i.imgur.com/jN3NEOk.png" style="margin: 0px; padding: 0px;" /> Steam</a></td></tr>
            <tr><td><a href="http://www.gog.com/" style="margin: 0px; padding: 2px 2px 2px 2px; display: inline !important; text-decoration: none !important;"><img alt="#" border="0" src="http://i.imgur.com/jN3NEOk.png" style="margin: 0px; padding: 0px;" /> HowLongBeat</a></td>
                <td><a href="http://www.gog.com/" style="margin: 0px; padding: 2px 2px 2px 2px; display: inline !important; text-decoration: none !important;"><img alt="#" border="0" src="http://i.imgur.com/jN3NEOk.png" style="margin: 0px; padding: 0px;" /> HowLongBeat</a></td></tr>
            </table></div></td>

codigo - Código html básico GThDc9z

Tópico resolvido.
Daniel Z

Daniel Z
***

Membro desde : 30/04/2012
Mensagens : 116
Pontos : 189

http://rpgteste.queroforum.net/

Ir para o topo Ir para baixo

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

- Tópicos semelhantes

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