margin-bottom v DIVe nefunguje

1. Návštěvník 7B85201E 28. 5. 2011 23:29

   Ahoj, potrebujem radu: <div class="submenu_first_item"> <a href="#" class="lmenu">BICYKLE</a> </div> CSS: DIV.submenu_first_item { width:130px;height:38px; position:relative;top:4px;left:4px;background-color:white; border-bottom:#aaa solid 1px; } A.lmenu { text-decoration:none; font-family:sans-serif;font-weight:400;color:#333333;font-size:8pt; margin-left:6px;margin-top:16px; } Potrebujem prinútiť odkaz priľnúť k spodnému okraju DIVu, ale vlastnosť margin ako by vo vertikálnom smere ani nefungovala (ani margin-top ani margin-bottom), zaujímavé, že horizontálny margin funguje. V čom je problém, alebo náhradné riešenie? asi mi ostáva len vloženie transparentného obrázku príslušnej výšky...

2. Návštěvník AC325519 1. 7. 2011 15:48

   Zpet na jakpsatweb.cz a naucit se css vlastnosti a typy html prvku. Pridej na konci toto: div, a {border:1px solid #f00;} Co vidis? zadny rozdil, ale prece. Odkaz je prvek inline. Jeho rozmery jsou sirka jako text a vyska 1em + podtrzeni Div je blokovy prvek a ma nastavenou vysku, tebou na 38px. Kdybys tu height zrusil, tak je to presne na spodnim okraji. Co s tim? A) zrusit divu height B) napozicovat A a nastavit mu bottom:0; C) A + nastavit pro A line-height 38px a vertical-align:bottom Urco vymyslis jeste dalsi zpusoby.

← Zpět na všechna témata