vertical-align in block-element (display:block)

[Mufasa]

Hi,

kann mir einer sagen warum das so nicht funktioniert??

a.menu  {
    display:block;
    vertical-align:bottom; 
    text-align:center; 
    width:90px; 
    height:150px;
    border: solid 3px #000; 
    text-decoration:none; 
    }

Ich will in desem Block-Element die Schrift ganz untem am Rand haben.... oder bzw mit einem Abstand von 5px;


Danke schon mal ;-)

 

[Junkee[]]

position:relative;
bottom: 5px;

 

[Mufasa]

Klappt nicht

a.menu  {
    display:block;
    vertical-align:bottom; 
    text-align:center; 
    width:90px; 
    height:150px;
    border: solid 3px #000; 
    text-decoration:none;
    position:relative;
    bottom: 5px; 
    }

Der Text ist immer noch ganz oben....

im body steht das so: <a href="" class="menu">Hallo</a>

 

[Junkee[]]

achso... sticky footer - Google-Suche

 

[anna55]

Wie du hier lesen kannst, kannst du mit vertical-align

..nicht aber die vertikale Positionierung in einem Blockelement (z.B. div-Element) direkt bestimmen

Du kannst in deinem Beispiel aber die Schrift platzieren, indem du statt vertical-align noch dazu schreibst

height:auto !important;
padding-top: 125px;
padding-bottom: 5px;

 

[Mufasa]

Jaaaa das war genau das was ich gesucht hab!! Danke schön

Hab das ganze jetzt so:

a.menu  {
    display:block;
    text-align:center; 
    width:90px; 
    border: solid 3px #000; 
    text-decoration:none;
    height:auto !important;
    padding-top: 125px;
    padding-bottom: 5px;
    }

und funktioniert super!

 

[anna55]

Gerne :icon7: