Ir para conteúdo
Fórum Script Brasil
  • 0

Quebra Automatica de linha [Erro]


Bright

Pergunta

Eu gostaria que fosse quebrada a linha ao chegar no limite da tabela, no entanto isto não ocorre, ele expande o width da tabela...

Codigo que estou usando:

<style type="text/css">
<!--
body {
    margin-left: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
}
.style1 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 16px;
    color: #523030;
    font-weight: bold;
}
.style2 {
    font-size: 12px;
    color: #523030;
    font-family: Verdana, Arial, Helvetica, sans-serif;
}
a:link {
    color: #523030;
    text-decoration: none;
}
a:visited {
    text-decoration: none;
    color: #523030;
}
a:hover {
    text-decoration: none;
    color: #FF0000;
}
a:active {
    text-decoration: none;
    color: #FF0000;
}
-->
</style>

<table width="347" border="0" cellpadding="0" cellspacing="2" >
  <tr>
    <td class="style1">Notícia Completa</td>
  </tr>
  <tr>
    <td><img src="images/image_12.png" width="344" height="12" alt="" /></td>
  </tr>
<?
include('conecta.php');
$icod=$_GET['n'];
$sql="select * from noticia where cod=$icod";
$rs=mysql_query($sql,$conexao);
$info=mysql_fetch_row($rs);
?>
  <tr>
  <td><table width="100%" border="0" cellspacing="0" cellpadding="0">
    <tr>
      <td class="style2"><div align="justify">[
        <?=$info[1]?>
        ]</div></td>
    </tr>
    <tr>
      <td class="style2"><div align="justify">
        <?=$info[2]?>
      </div></td>
    </tr>
    <tr>
      <td class="style2">
        <div align="justify">
          <?=$info[3]?>
          </div></td>
    </tr>
    <tr>
      <td class="style2"><div align="right"><a href="not.php">[Voltar]</a></div></td>
    </tr>
  </table></td>
  <tr>
  <tr>
    <td class="style2"><img src="images/image_12.png" width="344" height="12" alt="" /></td>
  </tr>
</table>

Obrigado!

Link para o comentário
Compartilhar em outros sites

5 respostass a esta questão

Posts Recomendados

  • 0

Bem, isso ocorre por causa do CSS, ele não quebra o texto, e sim, expande o elemento necessariamente até caber tudo...

Você pode ocultar a parte que passa através do overflow, mas, não é nada interessante, pois irá cortar literalemente o texto...

O CSS3 já faz isso automaticamente através da propriedade word-wrap, que permite quebrar o texto ao invés de expandi-lo...

porém, vale relembrar que o CSS3 está em desenvolvimento e não é suportado por todos os navegadores ainda, apenas o Mozilla Firefox 3.5.+ , Opera, ou outro qualquer que utilizar o web-kit como redenrizador (Chrome, Safari...).

Qualquer coisa posta...

Vlw

Matheus Matos

Link para o comentário
Compartilhar em outros sites

  • 0
Bem, isso ocorre por causa do CSS, ele não quebra o texto, e sim, expande o elemento necessariamente até caber tudo...

Você pode ocultar a parte que passa através do overflow, mas, não é nada interessante, pois irá cortar literalemente o texto...

O CSS3 já faz isso automaticamente através da propriedade word-wrap, que permite quebrar o texto ao invés de expandi-lo...

porém, vale relembrar que o CSS3 está em desenvolvimento e não é suportado por todos os navegadores ainda, apenas o Mozilla Firefox 3.5.+ , Opera, ou outro qualquer que utilizar o web-kit como redenrizador (Chrome, Safari...).

Qualquer coisa posta...

Vlw

Matheus Matos

Tem como fazer isto sem que seja necessário o CSS3?

Alguma meneira de usar o CSS normal e ele quebrar a linha?

@Thelon

A tabela de 100% foi para fazer um teste, a tabela real é a de 347px

LINK DO SITE!

Vlw!

Link para o comentário
Compartilhar em outros sites

  • 0
hm.. bem, apenas com CSS sem ser o 3, dentro do meu conhecimento não.

Talvez seja possível com Javascript, mais, creio eu que não seja tão fácil de fazer...

=X isso me ferro, vou tentando achar um jeito aqui sozinho, por favor se alguém souber me avisa =D

Vlw Matheus.

Link para o comentário
Compartilhar em outros sites

Participe da discussão

Você pode postar agora e se registrar depois. Se você já tem uma conta, acesse agora para postar com sua conta.

Visitante
Responder esta pergunta...

×   Você colou conteúdo com formatação.   Remover formatação

  Apenas 75 emoticons são permitidos.

×   Seu link foi incorporado automaticamente.   Exibir como um link em vez disso

×   Seu conteúdo anterior foi restaurado.   Limpar Editor

×   Você não pode colar imagens diretamente. Carregar ou inserir imagens do URL.



  • Estatísticas dos Fóruns

    • Tópicos
      152,3k
    • Posts
      652,4k
×
×
  • Criar Novo...