Bright Postado Novembro 6, 2009 Denunciar Share Postado Novembro 6, 2009 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! Citar Link para o comentário Compartilhar em outros sites More sharing options...
0 Thelon Postado Novembro 6, 2009 Denunciar Share Postado Novembro 6, 2009 <td><table width="100%" border="0" cellspacing="0" cellpadding="0">Você precisa definir uma largura fixa provavelmente nessa linhaPost o link para sua página assim o erro poderá ser visualizado e com isso facilita na resolução. Citar Link para o comentário Compartilhar em outros sites More sharing options...
0 Matheus Matos Postado Novembro 6, 2009 Denunciar Share Postado Novembro 6, 2009 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...VlwMatheus Matos Citar Link para o comentário Compartilhar em outros sites More sharing options...
0 Bright Postado Novembro 6, 2009 Autor Denunciar Share Postado Novembro 6, 2009 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...VlwMatheus MatosTem como fazer isto sem que seja necessário o CSS3?Alguma meneira de usar o CSS normal e ele quebrar a linha?@ThelonA tabela de 100% foi para fazer um teste, a tabela real é a de 347pxLINK DO SITE!Vlw! Citar Link para o comentário Compartilhar em outros sites More sharing options...
0 Matheus Matos Postado Novembro 6, 2009 Denunciar Share Postado Novembro 6, 2009 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... Citar Link para o comentário Compartilhar em outros sites More sharing options...
0 Bright Postado Novembro 6, 2009 Autor Denunciar Share Postado Novembro 6, 2009 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 =DVlw Matheus. Citar Link para o comentário Compartilhar em outros sites More sharing options...
Pergunta
Bright
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:
Obrigado!
Link para o comentário
Compartilhar em outros sites
5 respostass a esta questão
Posts Recomendados
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.