Support » CSS / opmaak vragen » Afbreken van woorden in sidebar

  • Opgelost fransjansen

    (@fransjansen)


    Goede avond,

    Op mijn website pda-voetbal.com heb ik een sidebar met daarin de laatste 5 berichten (behalve op de homepage). Dit heb ik eenvoudig bewerkstelligd met een widget.
    Hierbij een screenshot van de sidebar (via de link / het lukt me niet om hier een foto te posten):
    http://img.photobucket.com/albums/v120/zuiderburen/woorden%20afbreken_zpstlszgrwf.jpg

    Zoals je kunt zien worden woorden gewoon afgebroken als de breedte van de sidebar bereikt is. Zo zie je dat bij de eerste titel HMVV (clubnaam) de H op de eerste regel staan en de rest op de volgende. Het zou logisch zijn als het woord volledig op de tweede regel zou staan. Dat geldt ook voor Casteren in de tweede titel.
    Als ik op dit forum zoek op ‘woorden afbreken’ kom ik de volgende css tegen:

    word-wrap: normal;
        -webkit-hyphens: none;
        -moz-hyphens: none;
        hyphens: none;

    Hiermee krijg ik het echter niet opgelost en volgens mij is dat ook bedoeld om woorden af te breken volgens lettergrepen, maar dat hoeft van mij niet in de sidebar. Het woord mag gewoon naar de volgende regel als het niet past.
    Bedankt voor jullie hulp.

3 reacties aan het bekijken - 1 tot 3 (van in totaal 3)
  • in je style sheet op regel 3543

    .sidebar .widget ul li {
    width: 100%;
    margin-top: 10px;
    padding-left: 15px;
    color: #8e8e8e;
    word-break: break-all;
    background: url(“images/list-style-image.png”) no-repeat center left;
    list-style-type: none;
    text-align: left;
    }

    verwijder word-break:break-all; en dan moet het weer goed zijn 🙂

    Soms kan het zo simpel zijn. Bedankt Arjen.

    thanks, heb ik dit puntje ook weer opgelost in mijn site 🙂

3 reacties aan het bekijken - 1 tot 3 (van in totaal 3)
  • Het onderwerp ‘Afbreken van woorden in sidebar’ is gesloten voor nieuwe reacties.