Ankündigung

Einklappen
Keine Ankündigung bisher.

Vertikale Ausrichtung von Text auf Rollover Bild

Einklappen

Neue Werbung 2019

Einklappen
X
  • Filter
  • Zeit
  • Anzeigen
Alles löschen
neue Beiträge

  • Gast-Avatar
    Ein Gast erstellte das Thema Vertikale Ausrichtung von Text auf Rollover Bild.

    Vertikale Ausrichtung von Text auf Rollover Bild

    Tach

    ich hab nen Rollover eines Bildes mit CSS gemacht. Auf dem Bild ist ein Text, doch leider drückt es den oben an das Bild hin. Wie kann ich den Vertikal ausrichten?

    Habs mal mit vertical-align versucht, jedoch nicht geklappt. Vielleicht kann mir einer weiter helfen.

    Hier der Code + Link

    Code:
    <style type="text/css">
        a.menu-home {
            display:block;
            width:170px;
            height:22px;
            background-repeat:no-repeat;
            color:#8B241F;
            font-size:12px;
            font-family:Tahome, Verdana, Arial;
            font-weight:bold;
            text-decoration:none;
            background-image:url(http://www.aligo.de/GENO/menubutton_off.gif);
        }
        a.menu-home:hover {
            background-image:url(http://www.aligo.de/GENO/menubutton_on.gif);
        }    
    </style>
    
    <table border="0" cellpadding="0" cellspacing="0">
      <tr>
        <span style="vertical-align:bottom">   Home</span>
      </tr>
    </table>
    http://www.aligo.de/GENO/post.htm

    Der Text soll bischen nach unten, also mittig.

    Danke für jede antwort

    MFG

  • Gast-Avatar
    Ein Gast antwortete
    argh, sorry hab die td-Tags ausversehen mit gelöscht, als ich des php zeug raus warf.

    - hab ich entfernt.

    line-height funktioniert wunderbar. Ich danke dir

    Einen Kommentar schreiben:


  • DiBo33
    antwortet
    Wenn du schon eine Tabelle für eine Liste missbraucht, dann verwende auch die korrekte Syntax (td fehlt)

    Zitat von HK
    Der Text soll bischen nach unten, also mittig.
    line-height

    a.menu-home
    - und _ in Klassennamen verursachen bei bestimmten Browsern Systemabstürze.

    Einen Kommentar schreiben:

Lädt...
X