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