Foros del Web - Ver Mensaje Individual - añadir un espacio en blanco a palabras largas con php

cuasatar · #17 (**permalink**) 11/04/2013, 16:23

Cita:

Iniciado por azaz

Vamos por parte:
1º- Entro aqui para aprender si no, no entraria lo digo por lo de hacer las cosas dificiles y todo eso, si me quieres ayudar me ayudas pero no me desvalores ya que estoy en proceso de aprendizaje, aunque tenga una web la tengo para practicar y aprender.

2º-Me parece bien que no mires la funcion php que cree pero si me quieres ayudar y mas aún discriminar por lo menos lee mi post para saber realmente mi problema.

3º-Como dije antes creo que con css no se solucionaria mi problema, aunque no se mucho de css mi problema no se soluciona tan facil como tu me lo haces ver.

en tu ejemplo este que pusistes tendria que cambiar el contenido del texto para que sepas cual es mi problema osea que quedaria asin:

Código CSS:

Ver original#caja{
height:auto;
width:100px;
border:solid 1px red;
}
#caja-interior {
padding:5px;
margin:5px;
}

Código HTML:

Ver original<html>
  <body>
    <div id="caja">
      <div id="caja-interior">Aquivamicontenido,meimportaunchorizoellargodelaspalabrasporquenuncasesaldrademicaja</div>
    </div>
  </body>
</html>

Ahora pregunto esto se puede solucionar con css realmente o se necesita programar?

Saludos.

Bueno, mi intención en ningún momento fue hacerte sentir mal. Me disculpo si así lo di a entender. Como desde un principio no diste a entender tu problema de manera clara le hemos dado mil vueltas al asunto. Debes ser mas especifico en tus preguntas porque si no daremos mil y un vueltas.

con overflow y overflow-x y overflow-y puedes solucionar tu problema de manera muy facil, sabia que se me habia olvidado algo. Aqui dejo el complemento de mi solución que esta probada.

Código HTML:

Ver original<html>
<head>
      <style type="text/css">
#caja{
    background-color: green;
    height:auto;
    width:100%;
    border:solid 1px red;
    }
    #caja-interior {
    display: block; 
    padding:1%;
    margin: 0 auto;
    max-width: 95%;
    overflow: hidden;
/*tambien puedes usar overflow:scroll aca te dejo un enlace para que conozcas mas detalles*/
/*http://www.w3schools.com/cssref/css3_pr_overflow-x.asp*/
    }
    p {
      max-width: 90%;
    }
    </style>
 
      </head>
<body>
<div id="caja">
      <div id="caja-interior">
        <p>Aquivamicontenido,meimportaunchorizoellargodelaspalabrasporquenuncasesaldrademicajaAquivamicontenido,meimportaunchorizoellargodelaspalabrasporquenuncasesaldrademicaja Aquivamicontenido,meimportaunchorizoellargodelaspalabrasporquenuncasesaldrademicajaAquivamicontenido,meimportaunchorizoellargodelaspalabrasporquenuncasesaldrademicajaAquivamicontenido,meimportaunchorizoellargodelaspalabrasporquenuncasesaldrademicaja
        Aquivamicontenido,meimportaunchorizoellargodelaspalabrasporquenuncasesaldrademicajaAquivamicontenido,meimportaunchorizoellargodelaspalabrasporquenuncasesaldrademicajaAquivamicontenido,meimportaunchorizoellargodelaspalabrasporquenuncasesaldrademicajaAquivamicontenido,
        Aquivamicontenido,meimportaunchorizoellargodelaspalabrasporquenuncasesaldrademicajaAquivamicontenido,
        Aquivamicontenido,meimportaunchorizoellargodelaspalabrasporquenuncasesaldrademicajaAquivamicontenido,
        Aquivamicontenido,meimportaunchorizoellargodelaspalabrasporquenuncasesaldrademicajaAquivamicontenido,meimportaunchorizoellargodelaspalabrasporquenuncasesaldrademicajaAquivamicontenido,meimportaunchorizoellargodelaspalabrasporquenuncasesaldrademicajaAquivamicontenido,
        Aquivamicontenido,meimportaunchorizoellargodelaspalabrasporquenuncasesaldrademicajaAquivamicontenido,meimportaunchorizoellargodelaspalabrasporquenuncasesaldrademicajaAquivamicontenido,meimportaunchorizoellargodelaspalabrasporquenuncasesaldrademicajaAquivamicontenido,meimportaunchorizoellargodelaspalabrasporquenuncasesaldrademicaja </p>       
      </div>
</diV>
 </body>     
 </html>

Como veras no se ve que salga el texto aun cuando adrede lo hice para que saliera.

Igual tampoco es mala tu idea de verificar previamente la longitud de las palabras, de esa forma evitas que gente malintencionada coloque algo parecido a lo que coloque yo.

Sin salir de mi idea podrias verificar si la longitud de la palabra es mayor a esternocleidomastoideo (no es obsesión, creo que es la palabra mas larga del español jaja) Si alguien esta escribiendo algo tan largo sin espacios es porque te quiere sabotear tu pagina. Lo que yo haria es crear una función que si encontrara una sola palabra de tamaño superior a esternocleidomastoideo no le permitiria que dejara ingresar la totalidad de los datos porque son datos basura. Igual no faltaria quien buscaria la manera de hacer la trampa, como dicen por ahi, hecha la ley, hecha la trampa.

Igual si deseas hacerlo a tu manera ya toma las ideas que te hemos dado, como comente no es nada dificil. Vuelvo y me excuso por si te ofendi. La clave en cualquier problema del foro es ser lo mas conciso posible para encontrar las mejores ideas o las mejores alternativas.

p.s. No pude evitar la curiosidad y me he enterado que la palabra mas larga es
electroencefalografista, le gana por una letra a nuestra amiga nombrada anteriormente.
http://buscon.rae.es/drae/?type=3&va...&origen=REDRAE