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

  • 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

  • #2
    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.

    Kommentar


    • #3
      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

      Kommentar

      Lädt...
      X