Op deze website gebruiken we cookies om content en advertenties te personaliseren, om functies voor social media te bieden en om ons websiteverkeer te analyseren. Ook delen we informatie over uw gebruik van onze site met onze partners voor social media, adverteren en analyse. Deze partners kunnen deze gegevens combineren met andere informatie die u aan ze heeft verstrekt of die ze hebben verzameld op basis van uw gebruik van hun services. Meer informatie.

Akkoord

Vraag & Antwoord

Webdesign (HTML, CSS, Flash)

[CSS] Opsommingsteken <li> / regelafstand

Anoniem
Madonna Files
4 antwoorden
  • Om mijn vraag uit te leggen neem ik even deze pagina http://www.madonnaned.nl/muziek_details.php?number=9 van mijn website als voorbeeld.

    Heb dus een MYSQL database met PHP-pagina's.

    Nu heb ik bij het onderdeel 'charts' in de database de gegevens ingetikt als:
    <li>voorbeeld 1<li>voorbeeld 2<li>voorbeeld 3

    Als je nu op de pagina kijkt is de regelsafstand bij de 'charts' waar ik dus gebruik maak van de opsommingstekens groter dan bij de rest van de tekst van de site. Ik wil bij de opsommingstekens ook dezelfde regelafstand hebben. Nu heb ik gehoord dat je dat kan regelen in je stylesheet. Weet iemand welke code ik dan moet opnemen in mijn stylesheet?

    Bedankt! GertJan
  • [code:1:bae57c020a]p
    {
    line-height: 1.4
    }[/code:1:bae57c020a] of
    [code:1:bae57c020a]p
    {
    line-height: 14pt
    } [/code:1:bae57c020a] of
    [code:1:bae57c020a]p
    {
    line-height: 140%
    }[/code:1:bae57c020a]
    Zie ook W3Schools.
  • Dank voor je hulp maar het werkt helaas niet…

    Dit is mijn style sheet:

    [quote:3a1a4a65af]<style>{ }
    BODY {
    FONT: 11px;
    FONT-FAMILY: arial,tahoma, arial, helvetica, sans-serif;
    FONT-WEIGHT: none;
    COLOR: black;
    scrollbar-face-color: white;
    scrollbar-highlight-color: white;
    scrollbar-3dlight-color:#CCCCCC;
    scrollbar-darkshadow-color:white;
    scrollbar-shadow-color:#CCCCCC;
    scrollbar-arrow-color: black;
    scrollbar-track-color:white;
    }

    A:LINK {
    COLOR: #004A80;
    TEXT-DECORATION: none;
    FONT-WEIGHT: bold;
    }

    A:VISITED {
    COLOR: #004A80;
    TEXT-DECORATION: none;
    FONT-WEIGHT: bold;
    }

    A:HOVER {
    COLOR: #004A80;
    TEXT-DECORATION: underline;
    FONT-WEIGHT: none;
    }

    H1 {
    COLOR: black;
    FONT: 14px;
    FONT-WEIGHT: bold;
    TEXT-DECORATION: none;
    text-transform: none;
    margin-top: 5px;
    margin-bottom: 0px;
    margin-left: 5px;}

    H2 {
    COLOR: black;
    FONT: 11px;
    FONT-WEIGHT: none;
    TEXT-DECORATION: none;
    margin-left: 5px;
    margin-top: 0px;
    margin-bottom: 0px;
    }

    H3 {
    FONT: 11px;
    COLOR: #black;
    FONT-WEIGHT: bold;
    margin-top: 5px;
    margin-bottom: 0px;
    }

    H4 {
    FONT: 11px;
    COLOR: black;
    margin-left: 5px;
    margin-right: 5px;
    margin-top: 0px;
    margin-bottom: 0px;}

    H5 {
    FONT: 12px;
    COLOR: white;
    FONT-WEIGHT: bold;
    margin-left: 5px;
    margin-top: 5px;
    margin-bottom: 5px;
    }

    H6 {
    FONT: 11px;
    COLOR: black;
    margin-left: 5px;
    margin-right: 5px;
    margin-top: 5px;
    margin-bottom: 5px;
    }

    HR {
    color: #003663;
    height: 1px;
    margin-top: 0px;
    margin-bottom: 2px;
    }

    –>
    </STYLE>[/quote:3a1a4a65af]

    Heb je misschien een ander idee of tip voor me?
  • [quote:554acc1847="Madonna Files"]Heb je misschien een ander idee of tip voor me?[/quote:554acc1847]
    Ja, valideer je code eens. :wink:
    CSS en HTML.
    Verder moet je waarschijnlijk ook in je stylesheet aangeven wat er met <li> tags moet gebeuren. Dus:
    [code:1:554acc1847]
    LI {
    line-height: 100%;
    }
    [/code:1:554acc1847]

Beantwoord deze vraag

Dit is een gearchiveerde pagina. Antwoorden is niet meer mogelijk.