Vraag & Antwoord

Webdesign (HTML, CSS, Flash)

[CSS] Opsommingsteken <li> / regelafstand

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 [url=http://www.w3schools.com/css/pr_dim_line-height.asp]W3Schools[/url].
  • 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: [url=http://jigsaw.w3.org/css-validator/validator?uri=http%3A%2F%2Fwww.madonnaned.nl%2Fmuziek_details.php%3Fnumber%3D9&usermedium=all]CSS[/url] en [url=http://validator.w3.org/check?uri=http%3A%2F%2Fwww.madonnaned.nl%2Fmuziek_details.php%3Fnumber%3D9]HTML[/url]. 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

Weet jij het antwoord op deze vraag? Registreer of meld je aan met je account

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