Padding-top nu funcționează (Programare, Html, Css, Padding)

Mantas Kudeikis a intrebat.

De ce nu padding-top funcționează? Înălțimea div este setată.

HTML:

<div class="menu">
    <a href="#">APIE MUS</a>
    <a href="#">REKLAMA</a>
    <a href="#">PARTNERIAI</a>
</div>

CSS:

 .menu {
      width: 300px;
      height: 30px;
      background: red;
 }
 .menu a {
      padding-top: 10px;
 }

Comentarii

  • Și ce încerci să faci de fapt? (I cred că că vrei .menu {line-height: 30px;}), de asemenea, se pare că folosești padding-top și margin-top în mod interschimbabil. Care dintre ele este cea pe care o folosiți cu adevărat? –  > Por David spune să o repunem pe Monica.
  • încercați să adăugați 10px spațiu din partea de sus, că legăturile vor fi sub 10px –  > Por Mantas Kudeikis.
  • Așadar: .menu {padding-top: 10px;}? –  > Por David spune să o reintroducem pe Monica.
  • nu, în meniu poate fi și text, 10px este doar pentru link-uri –  > Por Mantas Kudeikis.
1 răspunsuri
gearsdigital

Exemplul tău (cu marjă) nu funcționează pentru că nu poți aplica marja la elemente inline precum a, span, b.

Aruncați o privire:

Pentru a remedia problema dvs:

Doar adăugați display:inline-block;

Această valoare (inline-block) face ca un element să genereze un container de bloc de nivel inline. Interiorul unui inline-block este formatat ca o casetă de bloc, iar elementul în sine este formatat ca o casetă atomică de nivel inline. Sursă: http://www.w3.org/TR/CSS2/visuren.html#inline-level

Deci, acest lucru va rezolva problema dumneavoastră:

.menu a{
    margin-top: 10px;
    display:inline-block;
}