Banners de parceiros lado a lado utilizando marquee

Qual é sua questão:
Olá pessoal Boa noite! Atualmente utilizo a Tag <marquee> para colocar um efeito legal nos meus parceiros!

Mas eu queria colocar eles lado a lado, quando eu coloco eles ficam um em cima do outro mesmo eu alterando o lado pra onde o Scrolling vai!

Como faço isso?

Que medidas você tomou para corrigir o problema:
Alterei o lado que o Scrolling vai para Left, mas eles ficaram um em cima do outro da mesma forma!

Apresente-nos imagens do problema (se necessário):


Endereço do fórum:
http://pokemestre.forumeiros.com

Versão do fórum:
PHPBB3

Olá josedaPM,

Mostre-nos o código que utiliza por favor.

Até mais.

bárbara c. escreveu:Olá josedaPM,

Mostre-nos o código que utiliza por favor.

Até mais.

O código da Tag <marquee>? Aqui está:

Código:

<div align=center><marquee direction="up" BEHAVIOR="scroll" width="88" height="200" id="scroller" onMouseOver="javascript:scroller.stop()" onMouseOut="javascript:scroller.start()" > <b><div align=center>Top Parceiros:</div align><div align=center></b><br><a href="http://hogwarts-hp.forumeiro.com" target="_blank"><img src="http://www.brimg.info/uploads/2/c36c5ca4aa.gif" border="0"alt=""></a>
</DIV><FONT size=3></FONT> </DIV><br>
<FONT size=3></FONT> <A href="http://www.forumeiros.com/" target=_blank><IMG alt="Fórum grátis"
src="http://www.brimg.info/uploads/2/08d187867c.png" width=88 height=31><DIV align=center>
<EM></A><br>Parceiros Normais:<br></DIV><br><a href="http://pokeadventurex.forumeiros.com/" target="_blank"><img src="http://i48.servimg.com/u/f48/16/38/63/03/pokemo10.png" alt='Create your own banner at mybannermaker.com!' border=0 /></a><br><br><A href="http://animesvarios.blogspot.com/" target=_blank><IMG border=0 src=" http://i.imgur.com/8GbHS.gif ">
</marquee></div align>

Nesse código têm escrito:

Top Parceiros:

(E aqui os banners)

e Parceiros Normais:

(E aqui os banners)

Eu vou retirar isso se eu conseguir colocá-los lado a lado!

Olá de novo,

Tem de usar uma tabela html.
Experimente assim:

Código:

<div align=center><marquee direction="up" BEHAVIOR="scroll" width="88" height="200" id="scroller" onMouseOver="javascript:scroller.stop()" onMouseOut="javascript:scroller.start()">
<p><b>Top Parceiros:</b>
<p><table border=0>
<tr><td><a href="http://hogwarts-hp.forumeiro.com" target="_blank"><img src="http://www.brimg.info/uploads/2/c36c5ca4aa.gif" border="0"alt=""></a></td>
<td><a href="http://www.forumeiros.com/" target=_blank><IMG alt="Fórum grátis"
src="http://www.brimg.info/uploads/2/08d187867c.png" width=88 height=31></a></td>
</tr></table>
<p><b>Parceiros Normais:</b>
<p><table border=0>
<tr><td><a href="http://pokeadventurex.forumeiros.com/" target="_blank"><img src="http://i48.servimg.com/u/f48/16/38/63/03/pokemo10.png" alt='Create your own banner at mybannermaker.com!' border=0 /></a></td>
<td><a href="http://animesvarios.blogspot.com/" target=_blank><IMG border=0 src=" http://i.imgur.com/8GbHS.gif "></td>
</tr></table>
</marquee></div align>

Até mais.

bárbara c. escreveu:Olá de novo,

Tem de usar uma tabela html.
Experimente assim:

Código:

<div align=center><marquee direction="up" BEHAVIOR="scroll" width="88" height="200" id="scroller" onMouseOver="javascript:scroller.stop()" onMouseOut="javascript:scroller.start()">
<p><b>Top Parceiros:</b>
<p><table border=0>
<tr><td><a href="http://hogwarts-hp.forumeiro.com" target="_blank"><img src="http://www.brimg.info/uploads/2/c36c5ca4aa.gif" border="0"alt=""></a></td>
<td><a href="http://www.forumeiros.com/" target=_blank><IMG alt="Fórum grátis"
src="http://www.brimg.info/uploads/2/08d187867c.png" width=88 height=31></a></td>
</tr></table>
<p><b>Parceiros Normais:</b>
<p><table border=0>
<tr><td><a href="http://pokeadventurex.forumeiros.com/" target="_blank"><img src="http://i48.servimg.com/u/f48/16/38/63/03/pokemo10.png" alt='Create your own banner at mybannermaker.com!' border=0 /></a></td>
<td><a href="http://animesvarios.blogspot.com/" target=_blank><IMG border=0 src=" http://i.imgur.com/8GbHS.gif "></td>
</tr></table>
</marquee></div align>

Até mais.

Eles continuam pra cima! Eu quero eles lado a lado com o scrolling para a esquerda.

PS : " Tentei mudar o <marquee direction="up" para <marquee direction="left" só que ficou com duas linhas! "

Olá,

Salve o código anterior em um bloco de notas do Windows, e substitua por este:

Código:

<div align=center><marquee direction="left" BEHAVIOR="scroll" width="88" height="200" id="scroller" onMouseOver="javascript:scroller.stop()" onMouseOut="javascript:scroller.start()">

<p><b>Top Parceiros:</b><br>
<a href="http://hogwarts-hp.forumeiro.com" target="_blank"><img src="http://www.brimg.info/uploads/2/c36c5ca4aa.gif" align="middle"></a></img>
</p>

<br><p><b>Parceiros Normais:</b><br>
<a href="http://pokeadventurex.forumeiros.com/" target="_blank"><img src="http://i48.servimg.com/u/f48/16/38/63/03/pokemo10.png" align="middle"></a></img>

<a href="http://animesvarios.blogspot.com/" target="_blank"><img src="http://i.imgur.com/8GbHS.gif " align="middle"></a></img>

</tr></table>
</marquee>

Até mais!

Jeffrey escreveu:Olá,

Salve o código anterior em um bloco de notas do Windows, e substitua por este:

Código:

<div align=center><marquee direction="left" BEHAVIOR="scroll" width="88" height="200" id="scroller" onMouseOver="javascript:scroller.stop()" onMouseOut="javascript:scroller.start()">

<p><b>Top Parceiros:</b><br>
<a href="http://hogwarts-hp.forumeiro.com" target="_blank"><img src="http://www.brimg.info/uploads/2/c36c5ca4aa.gif" align="middle"></a></img>
</p>

<br><p><b>Parceiros Normais:</b><br>
<a href="http://pokeadventurex.forumeiros.com/" target="_blank"><img src="http://i48.servimg.com/u/f48/16/38/63/03/pokemo10.png" align="middle"></a></img>

<a href="http://animesvarios.blogspot.com/" target="_blank"><img src="http://i.imgur.com/8GbHS.gif " align="middle"></a></img>

</tr></table>
</marquee>

Até mais!

O Scrolling tá na direção correta! Já é um grande avanço, mas ainda não chegou no ponto, veja:



https://2img.net/r/ihimizer/i/catswvn.jpg/

Mas você quer um ao lado do outro consecutivamente?

Jeffrey escreveu:Mas você quer um ao lado do outro consecutivamente?

Sim

Olá,

Seria isso?

Código:

<div align=center><marquee direction="left" BEHAVIOR="scroll" width="88" height="200" id="scroller" onMouseOver="javascript:scroller.stop()" onMouseOut="javascript:scroller.start()">

<a href="http://hogwarts-hp.forumeiro.com" target="_blank"><img src="http://www.brimg.info/uploads/2/c36c5ca4aa.gif" align="middle"></a></img><a href="http://pokeadventurex.forumeiros.com/" target="_blank"><img src="http://i48.servimg.com/u/f48/16/38/63/03/pokemo10.png" align="middle"></a></img><a href="http://animesvarios.blogspot.com/" target="_blank"><img src="http://i.imgur.com/8GbHS.gif " align="middle"></a></img>

</tr></table>
</marquee>

Jeffrey escreveu:Olá,

Seria isso?

Código:

<div align=center><marquee direction="left" BEHAVIOR="scroll" width="88" height="200" id="scroller" onMouseOver="javascript:scroller.stop()" onMouseOut="javascript:scroller.start()">

<a href="http://hogwarts-hp.forumeiro.com" target="_blank"><img src="http://www.brimg.info/uploads/2/c36c5ca4aa.gif" align="middle"></a></img><a href="http://pokeadventurex.forumeiros.com/" target="_blank"><img src="http://i48.servimg.com/u/f48/16/38/63/03/pokemo10.png" align="middle"></a></img><a href="http://animesvarios.blogspot.com/" target="_blank"><img src="http://i.imgur.com/8GbHS.gif " align="middle"></a></img>

</tr></table>
</marquee>

Ihaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa... Agora a gente tá se entendendo! Deu certinho, mas........

" Um banner ficou muito colado ao outro, como faço? "

Somente vamos dar um espaço entre os códigos.

Código:

    <div align=center><marquee direction="left" BEHAVIOR="scroll" width="88" height="200" id="scroller" onMouseOver="javascript:scroller.stop()" onMouseOut="javascript:scroller.start()">

    <a href="http://hogwarts-hp.forumeiro.com" target="_blank"><img src="http://www.brimg.info/uploads/2/c36c5ca4aa.gif" align="middle"></a></img> <a href="http://pokeadventurex.forumeiros.com/" target="_blank"><img src="http://i48.servimg.com/u/f48/16/38/63/03/pokemo10.png" align="middle"></a></img> <a href="http://animesvarios.blogspot.com/" target="_blank"><img src="http://i.imgur.com/8GbHS.gif " align="middle"></a></img>

    </tr></table>
    </marquee>

Nos entendemos?

Jeffrey escreveu:Somente vamos dar um espaço entre os códigos.

Código:

    <div align=center><marquee direction="left" BEHAVIOR="scroll" width="88" height="200" id="scroller" onMouseOver="javascript:scroller.stop()" onMouseOut="javascript:scroller.start()">

    <a href="http://hogwarts-hp.forumeiro.com" target="_blank"><img src="http://www.brimg.info/uploads/2/c36c5ca4aa.gif" align="middle"></a></img> <a href="http://pokeadventurex.forumeiros.com/" target="_blank"><img src="http://i48.servimg.com/u/f48/16/38/63/03/pokemo10.png" align="middle"></a></img> <a href="http://animesvarios.blogspot.com/" target="_blank"><img src="http://i.imgur.com/8GbHS.gif " align="middle"></a></img>

    </tr></table>
    </marquee>

Nos entendemos?

Ihaaaaaaaaaaaaaaaaaaaaaaaaaaa.... kkkkkkkkkkkkkkkkkkkkkkkkkkk Sim! Nos entendemos sim!

Agora está no PONTO! Deu certinho podem fechar o tópico!