keinBlase: Vertical-align: bottom bei Link funzt nicht

SELF-Forum

Vertical-align: bottom bei Link funzt nicht

keinBlase
– Informationen zu den Bewertungsregeln

Hallo

Ich habe ein Link mit folgendem CSS:
a.myLink{
     width: 168px;
display: block;
text-align:center;
font-weight:bold;
background-image:none;
background-repeat:no-repeat;
background-position:left;
padding-left:5px;
padding-right:5px;
padding-bottom:5px;
padding-top:5px;
height:50px;
vertical-align: bottom ;
}

Der Link hat eine feste Breite und Höhe. Dies funzt perfekt. Leider aber ist der Text immer on Top, ich möchte aber dass er unten hämgt (on bottom).

Warum geht das so nicht?

Thx

Beitrag melden
–
Informationen zu den Bewertungsregeln

  1. Vertical-align: bottom bei Link funzt nicht

    Reynhard B.
    – Informationen zu den Bewertungsregeln

    Hallo

    Warum geht das so nicht?

    Thx

    Hallo

    Wie vertical-align funktioniert ist nachzulesen unter http://www.css4you.de/Texteigenschaften/vertical-align.html.

    Als Lösung wäre ein passendes padding-top denkbar...

    Reynhard B.

    --
    kick-image.at - CMS Self!Service lite
    Beitrag melden
    –
    Informationen zu den Bewertungsregeln

    1. Vertical-align: bottom bei Link funzt nicht

      ChrisB
      – Informationen zu den Bewertungsregeln

      Hi,

      Als Lösung wäre ein passendes padding-top denkbar...

      Oder, bei definitiv immer einzelig bleibenden, also ziemlich kurzen, Textinhalten, auch eine entsprechend grosse line-height.

      MfG ChrisB

      --
      Light travels faster than sound - that's why most people appear bright until you hear them speak.
      Beitrag melden
      –
      Informationen zu den Bewertungsregeln

      1. Vertical-align: bottom bei Link funzt nicht

        Gunnar Bittersmann Homepage des Autors
        – Informationen zu den Bewertungsregeln

        @@ChrisB:

        nuqneH

        Als Lösung wäre ein passendes padding-top denkbar...

        Oder, bei definitiv immer einzelig bleibenden, also ziemlich kurzen, Textinhalten, auch eine entsprechend grosse line-height.

        Oder

        a.myLink { display: table-cell }

        Dann wirkt auch 'vertical-align'. Dann darf Der Textinhalt auch mehrzeilig werden.

        Für IE < 8:

        *:first-child+html a.myLink { display: block }  
* html a.myLink { display: block }

        ggfs. ergänzt um passendes 'padding-top' oder 'line-height'.

        Qapla'

        --
        Alle Menschen sind klug. Die einen vorher, die anderen nachher. (John Steinbeck)
        Beitrag melden
        –
        Informationen zu den Bewertungsregeln