Content blijft doorlopen

    Hallo iedereen,
    Ik ben bezig met een layout in te bouwen,
    En nu loop ik tegen het probleem dat als de content erg lang is
    (bv aaaaaaaaaa.... enz.)
    Dan loopt hij op content ook door, nu heb ik deze code voor de content:

    Code
    .teksts { max-width: 676px; padding: 10px; overflow:hidden;}


    Nu die code lost het probleem maar half op als de content langer is, dan laat hij het overige deel niet meer zien.
    Het is de bedoeling, dat het gewoon op een nieuwe regel wordt getoont.

    Hoe los is dit op?

    Met vriendelijke groet,
    R.H user removed

  • Gast, wil je besparen op je domeinnamen? (ad)
    Citaat van R.Haentjens

    Ik kan momenteel nog geen voorbeeld vrijgeven.


    Dan kunnen we je ook niet helpen... Het ligt in ieder geval niet aan dit stukje code.

    één manier om het op te lossen (welke niet door alle browsers wordt ondersteund):

    Code
    text-overflow:ellipsis;

    Grafisch en interactief ontwerper & Wordpress specialist

    De word-wrap heb ik al geprobeerd maar die doet het niet, ook de word-break lijkt me niet de juiste keuze,
    Of de woorden worden allemaal gebroken dat je soms dingen krijgt als dit:
    Hallo ik b
    en mezel
    f en dit i
    s een st
    ukje te
    kst

    Of dat hij gebroken wordt waar er een streepje is maar dat zullen de leden die een grap uithalen om een zeer lang aan elkaar geschreven tekst te typen niet doen..
    Ik ga eens proberen zoals Cas zegt.

    Met vriendelijke groet,
    R.H user removed

    word-wrap:break-word;
    Edit: Is css3 dus geen oude browsers, dit moet wel werken anders is het wel raar.
    Edit2: Even een vraagje, wat wil je bereiken. Bij een heel lang woord zoals aaaaaaaaaaaaaaaaaaaaa.. dat hij daar midden in wordt gebroken en de rest op een nieuwe regel komt (dan moet je word-break gebruiken) of bij een woord/zin zoals: Hoi een beetje tekst hier en dat hij bij hier dus te lang wordt en dan komt hier op een nieuwe regel (gebruik dan word-wrap).
    Edit3: http://www.w3schools.com/css3/css3_text…s.asp#gsc.tab=0 kijk hier op voor meer hulp.

    LOL

    Bewerkt één keer, laatst door bramieboy100 (2 april 2013 om 13:31).

Registratie

Nog geen account? Registreer je nu en word deel van onze community!

Nu registreren Aanmelden