Vraag & Antwoord

Webdesign (HTML, CSS, Flash)

[CSS] - Bulleted list met prentje doet raar.

Anoniem
BelgiumBoy_007
3 antwoorden
  • De URL is http://www.rodekruis.bartnetdesign.com/home.php.

    Het probleem is als volgt:

    Er is een lijst op de homepagina met als prentje een oranje pijltje. Dit heb ik gerealiseerd met de volgende CSS code:[code:1:0a37f42c45]ul
    {
    list-style: disc url("../Images/Triangle - Right.gif") inside;
    margin-left: 0;
    padding-left: 7px;
    text-indent: -1.3em;
    }[/code:1:0a37f42c45]Mijn website heeft ook de mogelijkheid om de tekst te vergroten/verkleinen. Als de tekst groter is dan wordt dit:[code:1:0a37f42c45]ul
    {
    list-style: disc url("../Images/Triangle - Right.gif") inside;
    margin-left: 0;
    padding-left: 10px;
    text-indent: -1.15em;
    }[/code:1:0a37f42c45]en als de tekst kleiner is:[code:1:0a37f42c45]ul
    {
    list-style: disc url("../Images/Triangle - Right.gif") inside;
    margin-left: 0;
    padding-left: 11px;
    text-indent: -1.6em;
    }[/code:1:0a37f42c45]Als ik de site bekijken met een resolutie van 1280 x 1024 dan heb ik in alle drie de gevallen geen probleem.

    Wanneer ik het bekijk met een resolutie van 1024 x 768 dan heb ik wel een probleem. In het geval met de middelmatige tekstgrootte (de standaard grootte) zullen de bullets veel kleiner weergegeven worden.

    Weet iemand de oorzaak/oplossing hiervoor?

    Alvast bedankt,
    BelgiumBoy_007
  • Ik kijk hier met 1024x768 (IE) en ik zie idd heeeeel kleine pijltjes als plaatje (ik moest goed zoeken :wink: ) ik kan de tekstgrootte op je website niet veranderen, dus ik kan de verschillen ook niet zien. Wellicht kun je proberen een line-height erin te zetten die groot genoeg is om het plaatje op de werkelijke grootte te laten zien.
  • Om de grootte te veranderen staan er links helemaal rechts onderaan (in de grijze balk).

    Wat bedoel je precies met die line-height?

Beantwoord deze vraag

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