Código html básico

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

Resolvido Código html básico

Mensagem por Daniel Z em 01/04/14, 07:44 pm

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:

Atual


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 01/04/14, 10:06 pm, editado 1 vez(es)
avatar

Daniel Z
Nível 8

Masculino
Inscrito dia : 30/04/2012
Mensagens : 104
Pontos Ativos : 167

Ver perfil do usuário http://rpgteste.queroforum.net/

Resolvido Re: Código html básico

Mensagem por SC.Sheldon em 01/04/14, 08:22 pm

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

Até mais
avatar

SC.Sheldon
Nível 4

Masculino
Inscrito dia : 01/04/2014
Mensagens : 27
Pontos Ativos : 33

Ver perfil do usuário http://www.suportecommunity.com.br/

Resolvido Re: Código html básico

Mensagem por Daniel Z em 01/04/14, 08:33 pm

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.


avatar

Daniel Z
Nível 8

Masculino
Inscrito dia : 30/04/2012
Mensagens : 104
Pontos Ativos : 167

Ver perfil do usuário http://rpgteste.queroforum.net/

Resolvido Re: Código html básico

Mensagem por SC.Sheldon em 01/04/14, 08:39 pm

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é
avatar

SC.Sheldon
Nível 4

Masculino
Inscrito dia : 01/04/2014
Mensagens : 27
Pontos Ativos : 33

Ver perfil do usuário http://www.suportecommunity.com.br/

Resolvido Re: Código html básico

Mensagem por Daniel Z em 01/04/14, 08:44 pm

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

Ele acabou obstruído:

avatar

Daniel Z
Nível 8

Masculino
Inscrito dia : 30/04/2012
Mensagens : 104
Pontos Ativos : 167

Ver perfil do usuário http://rpgteste.queroforum.net/

Resolvido Re: Código html básico

Mensagem por SC.Sheldon em 01/04/14, 08:47 pm

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é
avatar

SC.Sheldon
Nível 4

Masculino
Inscrito dia : 01/04/2014
Mensagens : 27
Pontos Ativos : 33

Ver perfil do usuário http://www.suportecommunity.com.br/

Resolvido Re: Código html básico

Mensagem por Daniel Z em 01/04/14, 08:50 pm

Não resultou, Sheldon:

avatar

Daniel Z
Nível 8

Masculino
Inscrito dia : 30/04/2012
Mensagens : 104
Pontos Ativos : 167

Ver perfil do usuário http://rpgteste.queroforum.net/

Resolvido Re: Código html básico

Mensagem por SC.Sheldon em 01/04/14, 08:53 pm

<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="center"><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>
avatar

SC.Sheldon
Nível 4

Masculino
Inscrito dia : 01/04/2014
Mensagens : 27
Pontos Ativos : 33

Ver perfil do usuário http://www.suportecommunity.com.br/

Resolvido Re: Código html básico

Mensagem por Daniel Z em 01/04/14, 08:57 pm

Não deu certo, Sheldon:

avatar

Daniel Z
Nível 8

Masculino
Inscrito dia : 30/04/2012
Mensagens : 104
Pontos Ativos : 167

Ver perfil do usuário http://rpgteste.queroforum.net/

Resolvido Re: Código html básico

Mensagem por SC.Sheldon em 01/04/14, 08:58 pm

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

SC.Sheldon
Nível 4

Masculino
Inscrito dia : 01/04/2014
Mensagens : 27
Pontos Ativos : 33

Ver perfil do usuário http://www.suportecommunity.com.br/

Resolvido Re: Código html básico

Mensagem por Daniel Z em 01/04/14, 09:03 pm

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>



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

Daniel Z
Nível 8

Masculino
Inscrito dia : 30/04/2012
Mensagens : 104
Pontos Ativos : 167

Ver perfil do usuário http://rpgteste.queroforum.net/

Resolvido Re: Código html básico

Mensagem por SC.Sheldon em 01/04/14, 09:07 pm

Qual editor voce usou


até mais
avatar

SC.Sheldon
Nível 4

Masculino
Inscrito dia : 01/04/2014
Mensagens : 27
Pontos Ativos : 33

Ver perfil do usuário http://www.suportecommunity.com.br/

Resolvido Re: Código html básico

Mensagem por Daniel Z em 01/04/14, 09:08 pm

avatar

Daniel Z
Nível 8

Masculino
Inscrito dia : 30/04/2012
Mensagens : 104
Pontos Ativos : 167

Ver perfil do usuário http://rpgteste.queroforum.net/

Resolvido Re: Código html básico

Mensagem por SC.Sheldon em 01/04/14, 09:12 pm

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

SC.Sheldon
Nível 4

Masculino
Inscrito dia : 01/04/2014
Mensagens : 27
Pontos Ativos : 33

Ver perfil do usuário http://www.suportecommunity.com.br/

Resolvido Re: Código html básico

Mensagem por Daniel Z em 01/04/14, 09:16 pm

Não resultou, Sheldon:

avatar

Daniel Z
Nível 8

Masculino
Inscrito dia : 30/04/2012
Mensagens : 104
Pontos Ativos : 167

Ver perfil do usuário http://rpgteste.queroforum.net/

Resolvido Re: Código html básico

Mensagem por SC.Sheldon em 01/04/14, 09:19 pm

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

SC.Sheldon
Nível 4

Masculino
Inscrito dia : 01/04/2014
Mensagens : 27
Pontos Ativos : 33

Ver perfil do usuário http://www.suportecommunity.com.br/

Resolvido Re: Código html básico

Mensagem por Daniel Z em 01/04/14, 09:33 pm

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>



Mas meu overall_footer_end ficou com diversos erros em vermelho.



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

Daniel Z
Nível 8

Masculino
Inscrito dia : 30/04/2012
Mensagens : 104
Pontos Ativos : 167

Ver perfil do usuário http://rpgteste.queroforum.net/

Resolvido Re: Código html básico

Mensagem por SC.Sheldon em 01/04/14, 09:35 pm

é normal... tente salvar
avatar

SC.Sheldon
Nível 4

Masculino
Inscrito dia : 01/04/2014
Mensagens : 27
Pontos Ativos : 33

Ver perfil do usuário http://www.suportecommunity.com.br/

Resolvido Re: Código html básico

Mensagem por Daniel Z em 01/04/14, 10:06 pm

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>



Tópico resolvido.
avatar

Daniel Z
Nível 8

Masculino
Inscrito dia : 30/04/2012
Mensagens : 104
Pontos Ativos : 167

Ver perfil do usuário http://rpgteste.queroforum.net/

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