Margin 0 en padding 0
Als margin en padding op 0 staan..
Hoe krijg ik dan mijn margin van deze link goed?
Naar links en rechts gaat hij goed.. Maar boven en onder lukt het niet
Jsfiddle
Hoe krijg ik dan mijn margin van deze link goed?
Naar links en rechts gaat hij goed.. Maar boven en onder lukt het niet
Jsfiddle
Ik zorg er altijd voor dat mijn line-height even hoog is als mijn height.
Zoiets als dit:
http://fiddle.jshell.net/C5pBJ/1/
Zoiets als dit:
http://fiddle.jshell.net/C5pBJ/1/
Gewijzigd op 14/09/2013 23:36:28 door N K
Het anchor element is een inline element. Deze elementen gaan anders om met margin en padding dan block elementen (bijv. een division element). Dit heeft dus niks met de algemene margin/padding reset te maken.
http://www.w3.org/TR/CSS21/visuren.html#inline-formatting
Om dit op te lossen kun je van de anchor een block element maken (lijkt mij het mooist) of er inline-block van maken of het vervangen door een block element, zoals button.
http://www.w3.org/TR/CSS21/visuren.html#inline-formatting
Om dit op te lossen kun je van de anchor een block element maken (lijkt mij het mooist) of er inline-block van maken of het vervangen door een block element, zoals button.
Persoonlijk zet ik bij nagenoeg elk element neer dat het een inline-block moet zijn... waarom soms niet? Nou, als je clear:both; gaat gebruiken. Dan is het gewoon 'block'.
Toevoeging op 15/09/2013 12:13:53:
Persoonlijk zet ik bij nagenoeg elk element neer dat het een inline-block moet zijn... waarom soms niet? Nou, als je clear:both; gaat gebruiken. Dan is het gewoon 'block'.