Comunidad PHPeros
Lenguajes => (X)HTML => Mensaje iniciado por: Engendrado en 17 de Julio de 2011, 00:46:32 am
-
Buenas, mi sistema de noticias esta listo, puedes poner noticia, alinear imagen en centro, derecha y todo, peero, hoy he encontrado un fallo;
(http://i51.tinypic.com/5mz3ir.png)
Como veis, al poner un link largo o una palabra sin espacios, pasa eso, no tengo ni idea de que buscar en google tampoco se porque falla. Gracias de ante mano.
-
Puedes utilizar word-wrap: break-word; de CSS para que la palabra pase a la siguiente linea.
-
¿Asi?
<font size="1" style="word-wrap: break-word;" face="Verdana"><?=nl2br(QuitarCosas($fa['comentario']));?></font>
Lo digo porque no me va :S
-
Creo que Tengo tu solucion:
- haz un estilo css y lo llamas como qieras yo lo llamare rumba para que entiendas
Rumba {
word-wrap: break-word;
overflow: hidden;
}
-Ahora te explicare el estilo css:
La propiedad word-wrap especifica que la línea de texto debe quebrarse si su longitud excede el especificado por él mismo, y/o la caja que lo contiene. Sus valores son: normal (por defecto o sea el texto seguirá siendo largo) y break-word (lo que nos interesa: la mega-palabra se cortará apenas encuentre el final del ancho definido)
y lo que ves en la linea numero 3 de nuestro estilo es algo como overflow: hidden; esto lo colocamos ya que la opcion word-wrap: break-word; en algunos navegadores no se visualiza bien por lo que con este hacemos que se visualice mucho mejor en todos los navegadores ;)
Ya por ultimo solamente debes aplicar el estilo a la tabla html
Un saludo espero te sirva ;)
-
<p align="left"><span class="Apple-style-span" style="LINE-HEIGHT: 16px"> <span class="Apple-style-span" style="WORD-SPACING: 0px; FONT: 11px Verdana, Arial, Helvetica, sans-serif; TEXT-TRANSFORM: none; COLOR: rgb(0,0,0); TEXT-INDENT: 0px; WHITE-SPACE: normal; LETTER-SPACING: normal; BORDER-COLLAPSE: separate; orphans: 2; widows: 2; -webkit-border-horizontal-spacing: 0px; -webkit-border-vertical-spacing: 0px; -webkit-text-decorations-in-effect: none; -webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px"> </span> <span class="Apple-style-span" style="WORD-SPACING: 0px; TEXT-TRANSFORM: none; TEXT-INDENT: 0px; WHITE-SPACE: normal; LETTER-SPACING: normal; BORDER-COLLAPSE: separate; orphans: 2; widows: 2; -webkit-border-horizontal-spacing: 0px; -webkit-border-vertical-spacing: 0px; -webkit-text-decorations-in-effect: none; -webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; font-style:normal; font-variant:normal; font-weight:normal; font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif"> <font color="#000000"><span class=Apple-style-span style="LINE-HEIGHT: 16px"><span class=Apple-style-span style="WORD-SPACING: 0px; TEXT-TRANSFORM: none; TEXT-INDENT: 0px; WHITE-SPACE: normal; LETTER-SPACING: normal; BORDER-COLLAPSE: separate; orphans: 2; widows: 2; -webkit-border-horizontal-spacing: 0px; -webkit-border-vertical-spacing: 0px; -webkit-text-decorations-in-effect: none; -webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; font-style:normal; font-variant:normal; font-weight:normal; font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif" ><?=nl2br(Quitar($f['noticia']));?><font color="#000000">
</font></span></span></font></span></span></p>
Tengo eso, pero no se donde colocar lo de Rumba :S, ¿Donde lo podria colocar?, por cierto K+
-
A ver. para crear estilos es muy facil sea en un arhivo css o en el mismo archivo php como ?
<style type="text/css">
rumba {
word-wrap: break-word;
overflow: hidden;
}
</style>
Ya Simplemente Es en la tabla podrias colocar class="rumba" si no estoy mal ;) si no te funca avisame !
-
No me va :(, te pongo teamviewer o algo, esque nada..
-
Agregame a mi skipe hl.flow ahy te puedo explicar mucho mejor :)
-
A ver. para crear estilos es muy facil sea en un arhivo css o en el mismo archivo php como ?
<style type="text/css">
rumba {
word-wrap: break-word;
overflow: hidden;
}
</style>
Ya Simplemente Es en la tabla podrias colocar class="rumba" si no estoy mal ;) si no te funca avisame !
Yo se porque no va, porque no pusiste # o . adelante de rumba, "." significa class y "#" significa "id".
Prueba con :
<style type="text/css">
.rumba {
word-wrap: break-word;
overflow: hidden;
}
</style>
-
Eso es si asi es que va colocale el . delante de rumba para poder que el class se defina un saludo ;)