Largura de widget 'Scroll'

Qual é minha questão:

Boas,

Venho tentar obter ajuda para uma alteração de um widget do meu fórum.
Há algum tempo que não administrava o fórum e ao voltar a reabri-lo, deparo-me com a coluna central do meu portal mais larga do que estava da última vez que actualizei o meu fórum.


Pensei que tivesse a ver com a largura da coluna, andei a tentar ver no css algo que pudesse estar a causar o problema mas ao remover somente o widget de scroll do portal a largura da coluna central voltou ao normal, logo, o widget do scroll está a interferir com a largura da coluna e eu gostava que me dessem uma ajuda para resolver este problema.

Endereço do meu fórum:
http://www.lords-gaming.com

Update:

- Ao remover imagens do scroll, ele diminui de tamanho mas não é o que pretendo pois se tiver intenção de colocar mais imagens no scroll, acontece que continuará aumentar de tamanho tornando o design desfuncional.
- Também tentei alterar a width do código, o conteúdo do scroll diminui, mas a caixa do conteúdo mantém-se a mesma. Que como referi em cima, só diminui ao remover imagens do código.

Alguém capaz de me conseguir ajudar?

UP

Que widget de scroll o senhor está falando? É algum código? Se for, poderia nos ceder o código para testarmos?

Abs.

Com certeza, aqui está:

Código:

<marquee direction="left" behavior="scroll"><a target="blank" href="http://www.forumeiros.com/"><img src="http://i18.servimg.com/u/f18/17/40/82/88/forum11.png" /></a><img src="http://i40.tinypic.com/2nw3hph.jpg" /> <a target="blank" href="http://playstation.com/"><img src="http://i41.tinypic.com/95rinq.jpg" /></a><img src="http://i40.tinypic.com/2nw3hph.jpg" /> <a target="blank" href="http://www.modernvisiongaming.com/forum.php"><img src="http://oi40.tinypic.com/jgmt83.jpg" /></a> <img src="http://i40.tinypic.com/2nw3hph.jpg" /><a target="blank" href="http://mkpads.com/index.php?route=product/product&product_id=52&tracking=53472277a7741"><img src="http://i55.servimg.com/u/f55/17/40/82/88/mkpads10.png" /></a><img src="http://i40.tinypic.com/2nw3hph.jpg" /><a href="http://www.lords-gaming.com/t962-anuncia-a-tua-equipa" target="blank"><img src="http://i43.tinypic.com/34edx6f.png" /></a>
</marquee>

Infelizmente não vejo problema no portal do senhor, poderia mandar um print do antes e depois para vermos o problema?

Até mais!

Antes:


Depois:


Aí está. O que acontece é que ao adicionar mais imagens ao slide, o tamanho das caixas aumenta e antes isso não acontecia.

Olá!

Poderia me conceder sua folha de estilos?

Atenciosamente,
iChees

Aqui tem, amigo.

Código:

#submenu ul li a {
margin:0.5em 0 0.65em 0;
padding:0.5em 0 0.65em 0;
}

.module .maintitle h3{
text-align: center;
}

dl.codebox {
width: 100%;
background-color: #e0e0e0;
border: 0px solid #333333;
padding: 0px 0px 0px;
}


dl.codebox code {
font-size: 12px;
color: #404040;
}

.codebox dd {
border: 1px solid #555555;
background-color: transparent;
}

.codebox dt {
border: 1px solid #222222;
background-color: #000000;
background-image: url("http://callofduty.com/content/dam/activision/callofduty/elite/img/assets/Elite_thumb.png");
background-position: top left;
}


.module{-moz-border-radius:3px;-webkit-border-radius:3px;background-color:#f4f4f4;background-repeat:repeat-x;border:3px solid #949494;border-radius:3px;margin:2px}.module .h3{border-bottom:0px}

div.maintitle {
-moz-border-radius:3px;
-webkit-border-radius: 3px;
}

div.borderwrap {
-moz-border-radius:3px;
-webkit-border-radius: 3px;
}
div.maintitle {
-moz-border-radius-topleft:3px;
-moz-border-radius-topright:3px;
-webkit-border-radius-topleft: 3px;
-webkit-border-radius-topright: 3px;
}


.module .box-content, .module, .module .main-content {
background-image: url('') !important;
background-repeat: repeat-x !important;
background-position: center top !important;
}

* NEW

#fa_hide { display: none  !important;}
#fa_hide.rightHeaderLink{
display: none !important
}
#fa_toolbar, #fa_toolbar_hidden {background: url('http://i41.tinypic.com/2lihu0p.png');}
#i_logo {position: absolute;top: 30px;}

body
{
background-image:url('http://i19.servimg.com/u/f19/17/40/82/88/75579-10.jpg');
background-repeat:no-repeat;
background-attachment:fixed;
background-position:center;
}


.mainmenu[href="/"]:hover {
background:url(http://i48.tinypic.com/mt83nc.png);
}/* Botão com efeito hover */


.mainmenu[href="/forum"]:hover {
background:url(http://i45.tinypic.com/sdyzcy.png);
}/* Botão com efeito hover */


.mainmenu[href="/memberlist"]:hover {
background:url(http://i45.tinypic.com/sdyzcy.png);
}/* Botão com efeito hover */


.mainmenu[href="/groups"]:hover {
background:url(http://i45.tinypic.com/sdyzcy.png);
}/* Botão com efeito hover */


.mainmenu[href="/profile?mode=editprofile"]:hover {
background:url(http://i45.tinypic.com/sdyzcy.png);
}/* Botão com efeito hover */


.mainmenu[href="/privmsg?folder=inbox"]:hover {
background:url(http://i45.tinypic.com/sdyzcy.png);
}/* Botão com efeito hover */


.mainmenu[href="/register"]:hover {
background:url(http://i45.tinypic.com/sdyzcy.png);
}/* Botão com efeito hover */

.mainmenu[href="/h1-equipas"]:hover {
background:url(http://i45.tinypic.com/sdyzcy.png);
}/* Botão com efeito hover */

.mainmenu[href="/h2-recrutamento"]:hover {
background:url(http://i45.tinypic.com/sdyzcy.png);
}/* Botão com efeito hover */

.mainmenu[href="h5-ld-gaming"]:hover {
background:url(http://i45.tinypic.com/sdyzcy.png);
}/* Botão com efeito hover */



#submenu ul li a{
margin: 0;
padding: 0;
display: inline-block;
width: auto;
}


/* ---------------- Barra de rolagem Google Chrome---------------- */
::-webkit-scrollbar {
width: 5px;  
height: 5px;
}
::-webkit-scrollbar-track-piece {
background: #D1D1D1;
}
::-webkit-scrollbar-thumb:vertical {
height: 5px;
background: #b00000;  
border-radius: 2px;  
}
::-webkit-scrollbar-thumb:horizontal {
width: 5px;
background-color: #b00000;
}



.centerer.footer-links {
margin-right: 100px !important;
margin-left: 190px;
}

#page-footer{background:url() no-repeat top center;padding-top:596px}


#emptyidcc #main-content table[width="100%"][cellspacing="2"][border="0"][align="center"] tbody tr td[width="700"][valign="top"] div.module.borderwrap{max-width:668px}

Bom dia!

Eu fiz umas correções no seu MARQUEE. Apenas substitua-o por este:

Código:

<marquee id="shekMARQUEE" onmouseover="javascript:shekMARQUEE.stop()" onmouseout="javascript:shekMARQUEE.start()" direction="left" behavior="scroll" width="100%"><a target="blank" href="http://www.forumeiros.com/"><img src="http://i18.servimg.com/u/f18/17/40/82/88/forum11.png" /></a><img src="http://i40.tinypic.com/2nw3hph.jpg" /> <a target="blank" href="http://playstation.com/"><img src="http://i41.tinypic.com/95rinq.jpg" /></a><img src="http://i40.tinypic.com/2nw3hph.jpg" /> <a target="blank" href="http://www.modernvisiongaming.com/forum.php"><img src="http://oi40.tinypic.com/jgmt83.jpg" /></a> <img src="http://i40.tinypic.com/2nw3hph.jpg" /><a target="blank" href="http://mkpads.com/index.php?route=product/product&product_id=52&tracking=53472277a7741"><img src="http://i55.servimg.com/u/f55/17/40/82/88/mkpads10.png" /></a><img src="http://i40.tinypic.com/2nw3hph.jpg" /><a href="http://www.lords-gaming.com/t962-anuncia-a-tua-equipa" target="blank"><img src="http://i43.tinypic.com/34edx6f.png" /></a>
</marquee>

Agora, ao posicionar o mouse por cima do scroll ele para. Além do mais, eu corrigi o bug que mencionou em seu widgets!

Boa, obrigado Shek gostei do pormenor de parar o scroll onmouseover!
Porém, o problema de width dos widgets mantém-se...

Olá @Possessed ,

O senhor demonstrou neste tópico como se encontrava antes: https://ajuda.forumeiros.com/t100157-largura-de-widget-scroll#692065
E atualmente, com o código do Shek, voltou ao normal como estava antigamente. Se reparar até a barra de rolagem desapareceu.

Se ainda não está como o senhor deseja, poderia especificar o que deseja modificar?

Atenciosamente,
iChees

Não amigo, continuo a ver como na imagem 'Depois'.
Achei estranho como ambos verificaram que o problema de width fica resolvido.. então fui verificar a página pelo firefox e de facto lá as coisas dão certo.

Não entendo o porquê de a mim não funcionar no chrome?

Possessed escreveu:Boa, obrigado Shek gostei do pormenor de parar o scroll onmouseover!
Porém, o problema de width dos widgets mantém-se...

Antes de divulgar o código eu fiz o teste no Google Chrome e no Firefox, e em ambos o código funcionou. Até porque, eu uso o Google Chrome, então, eu não passaria um código que não funciona para você

Eu tenho o código que apliquei até agora e ele se alinha perfeitamente na largura:

Código:

<marquee style="" behavior="scroll" direction="left" onmouseout="javascript:shekMARQUEE.start()" onmouseover="javascript:shekMARQUEE.stop()" id="shekMARQUEE">
   <a href="http://www.forumeiros.com/" target="blank"><img src="http://i18.servimg.com/u/f18/17/40/82/88/forum11.png" /></a><img src="http://i40.tinypic.com/2nw3hph.jpg" /> <a href="http://playstation.com/" target="blank"><img src="http://i41.tinypic.com/95rinq.jpg" /></a><img src="http://i40.tinypic.com/2nw3hph.jpg" /> <a href="http://www.modernvisiongaming.com/forum.php" target="blank"><img src="http://oi40.tinypic.com/jgmt83.jpg" /></a> <img src="http://i40.tinypic.com/2nw3hph.jpg" /><a href="http://mkpads.com/index.php?route=product/product&product_id=52&tracking=53472277a7741" target="blank"><img src="http://i55.servimg.com/u/f55/17/40/82/88/mkpads10.png" /></a><img src="http://i40.tinypic.com/2nw3hph.jpg" /><a target="blank" href="http://www.lords-gaming.com/t962-anuncia-a-tua-equipa"><img src="http://i43.tinypic.com/34edx6f.png" /></a>
</marquee>