Problema com tamanho do texto

[bossal_jr 0]

É o seguinte pessoal, coloquei no meu website do lado direito uma listagem de notícias. O que acontece é que quando tem uma palavra muito grande ela distorce a tabela e assim compromete o layout do site, fica muito esquisito. Já tentei diminuir a fonte só que fica muito pequeno. Gostaria de saber se tem algum jeito de quando a palvra for muito grande, sei lá, parte dela ir para baixo. Se vcs tiverem alguma outra solução agradeço.

[Crystian 0]

Isso é complicado cara... o que você pode fazer é verificar as palavras e fazer um teste pelo valor máximo de caracteres q é permitido, se excedertu acrescenta um "-" e reparte ela. Dessa forma você não precisaria se preocupar com o layout, até pq acredito q nenhuma outra coisa vai poder te ajudar, só se você usar um div com rolagem...Bom tenta fazer a function qualquer coisa posta ae... A umadica, usa o split() para separar por palavras.Abraço

[bossal_jr 0]

humm! que pena, quando eu diminuo o tamanho por css ele fica distorcido meio estranho, tem alguma maneira de não deixar assim distoricido?

[Alex Hiroshi 7]

ou você pode criar uma barra de rolagem, caso o conteudo seje maior... como as noticias do seu site.. mais eu acho que não ficaria muito "bonito"

[Crystian 0]

Existe maneira de você diminuir o texto via css(não sei se como pode ter distorcido), mas ae você teria q ter um padrão de tamanho, e mesmo q você dimunua, isso não te garante q não aparecerá uma palavra enorme para deformar teu layout. Como o Lex disse você pode colocar uma barra de rolagens nessas notícias caso ela seja necessária, ou crie uma função limitando o número máximo de caracteres q cada palavra pode ter, se for maior, corta ela no número máximo e coloca um "-" como disse acima, vai ficar muito bom...Abraço

[bossal_jr 0]

hum! e como ficaria essa função? tem algum exemplo aí? desde já agradeço

[Crystian 0]

seguinte bossal, fiz a function pra ti, mas te aconselho a estudar ela e tentar entende-la. Tô meio apressado nas coisas aqui do trabalho por isso não pude comentá-la...

function verifica(texto, tamMax) {

var ret = "";

    var arrayTexto = texto.split(" ");

    for (i=0; i < arrayTexto.length; i++){

    if (arrayTexto.length > tamMax) {

  arrayTexto = arrayTexto.substring(0, tamMax)+"-"+arrayTexto.substring(tamMax, arrayTexto.length);

        }

        ret += arrayTexto+" ";

    }

    return ret;

}

É só você passar o texto e o tamanho máximo de caracteres, que ele te retornará a string dividida por "-" nas palavras maiores q o tamanho máximo especificado... ainda não pude testá-la, mas acredito q funcione...

 

Abraço

[alicacwb 0]

tem um tópico MMMTTTOOO das antigas que responde exatamente a sua pergunta... se nao me engano foi o Himon q deu a solução ainda...usa a buscaí ;) cya...alicacwb