6 berichten aan het bekijken - 1 tot 6 (van in totaal 6)
  • Q:
    Bijdrager
    Pivni Pes

    Foutje in mijn CSS

    Op mijn site heb ik een paar linkjes staan “[vorige] 1 t/m 20 [volgende]”
    De laatste link “[volgende]” staat iets lager dan de rest, ik zie niet waarom dat het zo is.

    http://www.a-tisk.nl/novy

    [code:1:220b07f161]div#bladeren
    {
    width:800px;
    margin: 0px auto;
    padding: 10px 0px;
    }

    ul#blader li
    {
    padding: 0;
    margin: 0;
    list-style: none;
    }

    .vorige
    {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 8pt;
    text-decoration: none;
    margin-right: 5px;
    float: left;
    }

    .regular
    {
    font-family: Arial, Helvetica, sans-serif;
    font-style: normal;
    font-size: 8pt;
    text-decoration: none;
    margin-right: 5px;
    float: left;
    }

    .volgende
    {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 8pt;
    text-decoration: none;
    margin-right: 0px;
    }[/code:1:220b07f161]

    Bijdrager
    iJoost

    Dat soort dingen kun je het best even bekijken met FireBug. Die laat je precies zien wat de CSS-waarden ter plekke zijn. En waar ze vandaan komen.

    Bijdrager
    RickV

    [code:1:be8753ee00]ul#blader li
    {
    padding: 0;
    margin: 0;
    list-style: none;
    float: left;
    }[/code:1:be8753ee00]

    Je heeft alleen bij volgende geen float left mee, kan je doen op de manier zoals ik het nu doe hierboven of op de volgende manier..

    [code:1:be8753ee00].volgende
    {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 8pt;
    text-decoration: none;
    margin-right: 0px;
    float: left;
    }[/code:1:be8753ee00]

    Bijdrager
    Pivni Pes

    Bedankt voor het antwoord, ik heb het als volgt aangepast:

    [code:1:1673ebf807]div#bladeren
    {
    width:800px;
    margin: 0px auto;
    padding: 10px 0px;
    }

    ul#blader li
    {
    padding: 0;
    margin: 0;
    font-family: Arial, Helvetica, sans-serif;
    list-style: none;
    font-size: 8pt;
    text-decoration: none;
    margin-right: 5px;
    float: left;
    }

    .bold
    {
    font-weight: bold;
    }

    .regular
    {
    font-style: normal;
    }[/code:1:1673ebf807]

    Ook bedankt voor de plug-in.

    Bijdrager
    iJoost

    Die kan ik echt aanbevelen. Het kan een heel gekloot zijn als je CSS wat ingewikkelder wordt. En dan is deze manier om het resultaat te inspecteren en analyseren een echte levensredder.;-)

    Bijdrager
    Pivni Pes

    Soms zoek je jezelf rot naar een klein stom foutje inderdaad, ik ga er zeker mee experimenteren.

6 berichten aan het bekijken - 1 tot 6 (van in totaal 6)

Je moet ingelogd zijn om een reactie op dit onderwerp te kunnen geven.