Margin 0 en padding 0

Overzicht Reageren

Sponsored by: Vacatures door Monsterboard

Zie Foto

Zie Foto

14/09/2013 23:30:28
Quote Anchor link
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
 
PHP hulp

PHP hulp

23/04/2024 17:08:06
 
N K

N K

14/09/2013 23:36:14
Quote Anchor link
Ik zorg er altijd voor dat mijn line-height even hoog is als mijn height.
Zoiets als dit:

http://fiddle.jshell.net/C5pBJ/1/
Gewijzigd op 14/09/2013 23:36:28 door N K
 
Wouter J

Wouter J

14/09/2013 23:36:30
Quote Anchor link
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.
 
Zie Foto

Zie Foto

15/09/2013 00:29:14
Quote Anchor link
Bedankt Wouter, heb er een inline-block van gemaakt.
PS: heb je mijn berichtje ontvangen?
 
Eddy E

Eddy E

15/09/2013 12:04:24
Quote Anchor link
Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
    margin-top: 30px;
display: inline-block;


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:

Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
    margin-top: 30px;
display: inline-block;


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'.
 



Overzicht Reageren

 
 

Om de gebruiksvriendelijkheid van onze website en diensten te optimaliseren maken wij gebruik van cookies. Deze cookies gebruiken wij voor functionaliteiten, analytische gegevens en marketing doeleinden. U vindt meer informatie in onze privacy statement.