Ajuda com detalhe no posicionamento de código

por Gilgamesh 19.09.13 22:21

Qual é minha questão:
Saudações Fórum dos Fóruns,

Como pode ser visto na imagem abaixo, cada número indicador de sua respectiva linha não está alinhado com o conteúdo da linha.

Ajuda com detalhe no posicionamento de código 19_09_2013_18_16_19

Gostaria de ajuda para corrigir este erro.

Códigos sendo usados:

Javascript:

Código:: jQuery(document).ready(function(){jQuery('.postbody dl.codebox dd code').each(function(){t=1;if(this.innerHTML.indexOf('<br>')!=-1){t='';i=1;while(i<=this.innerHTML.split('<br>').length){t+='\n'+i;i++};jQuery(this).before('<pre>'+t+'</pre>')}})});jQuery(document).ready(function(){$("code").prepend("<style>.postbody dl.codebox dd{overflow-y:auto;overflow-x:auto;max-height:200px}.postbody dl.codebox pre{display:block;float:left;font-size:12px;line-height:15.199999809265137px;padding:5px;border-right:3px solid #6CE26C;margin-top:2px;color:#A8A5A5;margin-right:5px;font-family:Consolas,Bitstream Vera Sans Mono,Courier New';padding-right:8px}.postbody dl.codebox code{overflow-y:hidden;overflow-x:hidden;max-height:none;font-family:Consolas,Bitstream Vera Sans Mono,Courier New;background:url(http://i.imgur.com/eHvfR.png) repeat 0px 0px;padding-top:0px;margin-top:7px}</style>");});

CSS:

Código:: .codebox dd { color: #fff; font-size: 12px; line-height: 14px!important; overflow-y:auto; overflow-x:auto; max-height:200px; font-family: Courier New, Consolas !important; background-color: #404040; }

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

Versão do fórum:
PUNBB

por Frєzy 19.09.13 22:24

Buenas!

Troque seu css por este :

Código:: .codebox dd { color: #fff; font-size: 12px;!important; line-height: 13px!important; overflow-y:auto; overflow-x:auto; max-height:199px; font-family: Courier New, Consolas !important; background-color: #404040; }

O E o teu JS :

Código:: jQuery(document).ready(function(){jQuery('.postbody dl.codebox dd code').each(function(){t=1;if(this.innerHTML.indexOf('<br>')!=-1){t='';i=1;while(i<=this.innerHTML.split('<br>').length){t+='\n'+i;i++};jQuery(this).before('<pre>'+t+'</pre>')}})});jQuery(document).ready(function(){$("code").prepend("<style>.postbody dl.codebox dd{overflow-y:auto;overflow-x:auto;max-height:200px}.postbody dl.codebox pre{display:block;float:left;font-size:12px;line-height:15.199999809265137px;padding:5px;border-right:3px solid #6CE26C;margin-top:2px;color:#A8A5A5;margin-right:5px;font-family:Consolas,Bitstream Vera Sans Mono,Courier New';padding-right:8px}.postbody dl.codebox code{overflow-y:hidden;overflow-x:hidden;max-height:none;font-family:Consolas,Bitstream Vera Sans Mono,Courier New;background:url(http://i.imgur.com/eHvfR.png) repeat 0px 0px;padding-top:0px;margin-top:7px}</style>");});

Até