Corrigir erro de um widget

Qual é minha questão:
Boas, eu coloquei este código no widget:

Código:

<br>
<script src="http://illiweb.com/fa/js_16/collapsible_faq.js" type="text/javascript"></script>

<font face="Arial Black"><span style="font-size: 12px; line-height: normal"><strong><div class="menutitle">Conteúdo</div><strong></span></font>
<br>
<dd onclick="return CFAQ.display('l1', false);"><div style="cursor: pointer;" onclick="return CFAQ.display('l1', true);" onfocus="this.blur();"><img src="http://2img.net/i/fa/empty.gif" style="width: 10px;height: 10px"><font face="Arial Black"><span style="font-size: 12px; line-height: normal"><strong><font color=#969696>Bem-vindo</font><strong></span></font></div></dd>
<dd style="display:none;" id="l1"><span style="margin: 0pt 0px 0pt 0px; display: block;">

<img src="http://2img.net/i/fa/empty.gif" style="width: 10px;height: 10px"><a href="http://runescapetuga.forumeiro.com/"><font face="Arial Black"><span style="font-size: 12px; line-height: normal"><strong>● Novidades<strong></span></font></a></span><span style="margin: 0pt 0px 0pt 0px; display: block;"></dd>

<img src="http://2img.net/i/fa/empty.gif" style="width: 10px;height: 10px"><a href="/"><font face="Arial Black"><span style="font-size: 12px; line-height: normal"><strong>● Página Principal<strong></span></font></div>

<img src="http://2img.net/i/fa/empty.gif" style="width: 10px;height: 10px"><a href="/forum"><font face="Arial Black"><span style="font-size: 12px; line-height: normal"><strong>● Forum<strong></span></font></div>

<img src="http://2img.net/i/fa/empty.gif" style="width: 10px;height: 10px"><a href="/chatbox/index.forum?"><font face="Arial Black"><span style="font-size: 12px; line-height: normal"><strong>● Chatbox<strong></span></font></div>

<img src="http://2img.net/i/fa/empty.gif" style="width: 10px;height: 10px"><a href="http://www.youtube.com/user/RuneScapeTugaCanal"><font face="Arial Black"><span style="font-size: 12px; line-height: normal"><strong>● Canal do YouTube<strong></span></font></div>

<img src="http://2img.net/i/fa/empty.gif" style="width: 10px;height: 10px"><a href="/?pid=6"><font face="Arial Black"><span style="font-size: 12px; line-height: normal"><strong>● Página do Facebook<strong></span></font></div>

E até estava a ir bem, até chagar à parte da palavra "● Chatbox", como pode ver na imagem:
https://2img.net/r/ihimizer/img24/8900/semttulonuo.png

Se quiser ver a página onde contém o widget com o problema:
http://runescapetuga.forumeiro.com/

Aguardo por soluções.



Links e imagens do meu problema:
Não é necessário.

Endereço do meu fórum:
http://runescapetuga.forumeiro.com/

Versão do meu fórum:
PHPBB3

Olá,

Substitua o código que usas por este:

Código:

<font face="Arial Black"><span style="font-size: 12px; line-height: normal"><strong><div class="menutitle">Conteúdo</div><strong></span></font>
<br>
<img src="http://2img.net/i/fa/empty.gif" style="width: 10px;height: 10px"><a href="/"><font face="Arial Black"><span style="font-size: 12px; line-height: normal"><strong>● Página Principal<strong></span></font></div>

<img src="http://2img.net/i/fa/empty.gif" style="width: 10px;height: 10px"><a href="/forum"><font face="Arial Black"><span style="font-size: 12px; line-height: normal"><strong>● Forum<strong></span></font></div>

<img src="http://2img.net/i/fa/empty.gif" style="width: 10px;height: 10px"><a href="/chatbox/index.forum?"><font face="Arial Black"><span style="font-size: 12px; line-height: normal"><strong>● Chatbox<strong></span></font></div>

<img src="http://2img.net/i/fa/empty.gif" style="width: 10px;height: 10px"><a href="http://www.youtube.com/user/RuneScapeTugaCanal"><font face="Arial Black"><span style="font-size: 12px; line-height: normal"><strong>● Canal do YouTube<strong></span></font></div>


<img src="http://2img.net/i/fa/empty.gif" style="width: 10px;height: 10px"><a href="/?pid=6"><font face="Arial Black"><span style="font-size: 12px; line-height: normal"><strong>● Página do Facebook<strong></span></font></div>


<img src="http://2img.net/i/fa/empty.gif" style="width: 10px;height: 10px"><a href="/search"><font face="Arial Black"><span style="font-size: 12px; line-height: normal"><strong>● Pesquisa Avançada<strong></span></font></div>

Tire uma imagem do resultado?

Cordialmente.

Olá,

Peço desculpa, o código estava incompleto, verifique agora o código anterior e irá observar que o código que me deu não irá funcionar.

Até Mais

Olá,

Eu gostaria que capturas-se uma imagem de sua tela para que eu possa comparar a função do JavaScript.

Cordialmente.

Olá,

Eu não percebi exactamente o que queria.

Mas para ver o widget do problema vá:
http://runescapetuga.forumeiro.com/

É o widget que tem o nome "TEST123!".

Até Mais

Olá,

Eu quero que você adicione, em substituição do antigo código, este:

Código:

<font face="Arial Black"><span style="font-size: 12px; line-height: normal"><strong><div class="menutitle">Conteúdo</div><strong></span></font>
<br>
<img src="http://2img.net/i/fa/empty.gif" style="width: 10px;height: 10px"><a href="/"><font face="Arial Black"><span style="font-size: 12px; line-height: normal"><strong>● Página Principal<strong></span></font></div>

<img src="http://2img.net/i/fa/empty.gif" style="width: 10px;height: 10px"><a href="/forum"><font face="Arial Black"><span style="font-size: 12px; line-height: normal"><strong>● Forum<strong></span></font></div>

<img src="http://2img.net/i/fa/empty.gif" style="width: 10px;height: 10px"><a href="/chatbox/index.forum?"><font face="Arial Black"><span style="font-size: 12px; line-height: normal"><strong>● Chatbox<strong></span></font></div>

<img src="http://2img.net/i/fa/empty.gif" style="width: 10px;height: 10px"><a href="http://www.youtube.com/user/RuneScapeTugaCanal"><font face="Arial Black"><span style="font-size: 12px; line-height: normal"><strong>● Canal do YouTube<strong></span></font></div>


<img src="http://2img.net/i/fa/empty.gif" style="width: 10px;height: 10px"><a href="/?pid=6"><font face="Arial Black"><span style="font-size: 12px; line-height: normal"><strong>● Página do Facebook<strong></span></font></div>


<img src="http://2img.net/i/fa/empty.gif" style="width: 10px;height: 10px"><a href="/search"><font face="Arial Black"><span style="font-size: 12px; line-height: normal"><strong>● Pesquisa Avançada<strong></span></font></div>

Eu necessito perceber como o JavaScript interfere no widget.

Cordialmente.

Olá Ace,

Coloquei esse código e ficou igual.

Até Mais

Olá!

Teste o seguinte código:

Código:

<br>
<script src="http://illiweb.com/fa/js_16/collapsible_faq.js" type="text/javascript"></script>

<font face="Arial Black"><span style="font-size: 12px; line-height: normal"><strong><div class="menutitle">Conteúdo</div><strong></span></font>
<br>
<dd onclick="return CFAQ.display('l1', false);"><div style="cursor: pointer;" onclick="return CFAQ.display('l1', true);" onfocus="this.blur();"><img src="http://2img.net/i/fa/empty.gif" style="width: 10px;height: 10px"><font face="Arial Black"><span style="font-size: 12px; line-height: normal"><strong><font color=#969696>Bem-vindo</font><strong></span></font></div></dd>
<dd style="display:none;" id="l1"><span style="margin: 0pt 0px 0pt 0px; display: block;">

<img src="http://2img.net/i/fa/empty.gif" style="width: 10px;height: 10px"><a href="http://runescapetuga.forumeiro.com/"><font face="Arial Black"><span style="font-size: 12px; line-height: normal"><strong>● Novidades<strong></span></font></a></span><span style="margin: 0pt 0px 0pt 0px; display: block;"></dd>

<img src="http://2img.net/i/fa/empty.gif" style="width: 10px;height: 10px"><a href="/"><font face="Arial Black"><span style="font-size: 12px; line-height: normal"><strong>● Página Principal<strong></span></font>

<img src="http://2img.net/i/fa/empty.gif" style="width: 10px;height: 10px"><a href="/forum"><font face="Arial Black"><span style="font-size: 12px; line-height: normal"><strong>● Forum<strong></span></font>

<img src="http://2img.net/i/fa/empty.gif" style="width: 10px;height: 10px"><a href="/chatbox/index.forum?"><font face="Arial Black"><span style="font-size: 12px; line-height: normal"><strong>● Chatbox<strong></span></font>

<img src="http://2img.net/i/fa/empty.gif" style="width: 10px;height: 10px"><a href="http://www.youtube.com/user/RuneScapeTugaCanal"><font face="Arial Black"><span style="font-size: 12px; line-height: normal"><strong>● Canal do YouTube<strong></span></font>

<img src="http://2img.net/i/fa/empty.gif" style="width: 10px;height: 10px"><a href="/?pid=6"><font face="Arial Black"><span style="font-size: 12px; line-height: normal"><strong>● Página do Facebook<strong></span></font>

Atenciosamente,
Oto!.

Oto! escreveu:Olá!

Teste o seguinte código:

Código:

<br>
<script src="http://illiweb.com/fa/js_16/collapsible_faq.js" type="text/javascript"></script>

<font face="Arial Black"><span style="font-size: 12px; line-height: normal"><strong><div class="menutitle">Conteúdo</div><strong></span></font>
<br>
<dd onclick="return CFAQ.display('l1', false);"><div style="cursor: pointer;" onclick="return CFAQ.display('l1', true);" onfocus="this.blur();"><img src="http://2img.net/i/fa/empty.gif" style="width: 10px;height: 10px"><font face="Arial Black"><span style="font-size: 12px; line-height: normal"><strong><font color=#969696>Bem-vindo</font><strong></span></font></div></dd>
<dd style="display:none;" id="l1"><span style="margin: 0pt 0px 0pt 0px; display: block;">

<img src="http://2img.net/i/fa/empty.gif" style="width: 10px;height: 10px"><a href="http://runescapetuga.forumeiro.com/"><font face="Arial Black"><span style="font-size: 12px; line-height: normal"><strong>● Novidades<strong></span></font></a></span><span style="margin: 0pt 0px 0pt 0px; display: block;"></dd>

<img src="http://2img.net/i/fa/empty.gif" style="width: 10px;height: 10px"><a href="/"><font face="Arial Black"><span style="font-size: 12px; line-height: normal"><strong>● Página Principal<strong></span></font>

<img src="http://2img.net/i/fa/empty.gif" style="width: 10px;height: 10px"><a href="/forum"><font face="Arial Black"><span style="font-size: 12px; line-height: normal"><strong>● Forum<strong></span></font>

<img src="http://2img.net/i/fa/empty.gif" style="width: 10px;height: 10px"><a href="/chatbox/index.forum?"><font face="Arial Black"><span style="font-size: 12px; line-height: normal"><strong>● Chatbox<strong></span></font>

<img src="http://2img.net/i/fa/empty.gif" style="width: 10px;height: 10px"><a href="http://www.youtube.com/user/RuneScapeTugaCanal"><font face="Arial Black"><span style="font-size: 12px; line-height: normal"><strong>● Canal do YouTube<strong></span></font>

<img src="http://2img.net/i/fa/empty.gif" style="width: 10px;height: 10px"><a href="/?pid=6"><font face="Arial Black"><span style="font-size: 12px; line-height: normal"><strong>● Página do Facebook<strong></span></font>

Atenciosamente,
Oto!.

Olá,

Coloquei esse código e ficou tudo no widget. Mas, o problema agora, é as palavras estarem umas à frente das outras.
Como pode ver na imagem:
https://2img.net/r/ihimizer/img641/468/semttulosreo.png

E eu queria que ficassem organizadas, uma palavra por baixo de outra.
Como pode ver nesta imagem:
https://2img.net/r/ihimizer/img696/7787/semttulobbr.png

Até Mais

Olá!

Teste o seguinte código:

Código:

<br>
<script src="http://illiweb.com/fa/js_16/collapsible_faq.js" type="text/javascript"></script>

<font face="Arial Black"><span style="font-size: 12px; line-height: normal"><strong><div class="menutitle">Conteúdo</div><strong></span></font>
<br>
<dd onclick="return CFAQ.display('l1', false);"><div style="cursor: pointer;" onclick="return CFAQ.display('l1', true);" onfocus="this.blur();"><img src="http://2img.net/i/fa/empty.gif" style="width: 10px;height: 10px"><font face="Arial Black"><span style="font-size: 12px; line-height: normal"><strong><font color=#969696>Bem-vindo</font><strong></span></font></div></dd>
<dd style="display:none;" id="l1"><span style="margin: 0pt 0px 0pt 0px; display: block;">

<img src="http://2img.net/i/fa/empty.gif" style="width: 10px;height: 10px"><a href="http://runescapetuga.forumeiro.com/"><font face="Arial Black"><span style="font-size: 12px; line-height: normal"><strong>● Novidades<strong></span></font></a></span><span style="margin: 0pt 0px 0pt 0px; display: block;"></dd>

<img src="http://2img.net/i/fa/empty.gif" style="width: 10px;height: 10px"><a href="/"><font face="Arial Black"><span style="font-size: 12px; line-height: normal"><strong>● Página Principal<strong></span></font><br>

<img src="http://2img.net/i/fa/empty.gif" style="width: 10px;height: 10px"><a href="/forum"><font face="Arial Black"><span style="font-size: 12px; line-height: normal"><strong>● Forum<strong></span></font><br>

<img src="http://2img.net/i/fa/empty.gif" style="width: 10px;height: 10px"><a href="/chatbox/index.forum?"><font face="Arial Black"><span style="font-size: 12px; line-height: normal"><strong>● Chatbox<strong></span></font><br>

<img src="http://2img.net/i/fa/empty.gif" style="width: 10px;height: 10px"><a href="http://www.youtube.com/user/RuneScapeTugaCanal"><font face="Arial Black"><span style="font-size: 12px; line-height: normal"><strong>● Canal do YouTube<strong></span></font><br>

<img src="http://2img.net/i/fa/empty.gif" style="width: 10px;height: 10px"><a href="/?pid=6"><font face="Arial Black"><span style="font-size: 12px; line-height: normal"><strong>● Página do Facebook<strong></span></font>

Até mais.

Obrigado, conseguiu resolver o problema!

Atéé!