[Erledigt] Vertikale Ausrichtung von Text auf Rollover Bild

16.11.2005, 13:45

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

DiBo33 · 16.11.2005, 14:31

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

Zitat:

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.

16.11.2005, 14:47

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

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Thema bewerten
Thema bewerten:

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
JavaScript/PHP: qooxdoo 0.7.1 - Teil 1 : Eine Einführung	Zergling-new	Tutorials	6	25.01.2008 10:41
CSS - Bild im div container überlappt andere container	Buschdieb	HTML, Usability und Barrierefreiheit	13	19.07.2007 23:17
Text um Bild herum	Igäl	HTML, Usability und Barrierefreiheit	4	16.02.2006 17:08
CSS - Design (clear - Problem)		HTML, Usability und Barrierefreiheit	7	21.12.2005 14:55
Text aus der DB verteilen		PHP Tipps 2007	17	16.11.2005 12:04
Designproblem: Text und Bild	Sirke	HTML, Usability und Barrierefreiheit	2	08.09.2005 14:59
text in bild mit zeilenumbruch		PHP Tipps 2005-2	8	23.08.2005 09:02
[Erledigt] Link		PHP Tipps 2005-2	10	20.07.2005 21:28
[Erledigt] durch Klick auf Text anderen Text einblenden		HTML, Usability und Barrierefreiheit	3	03.07.2005 14:41
mit php ein Bild in einem Text anzeigen und mit css designen	scheibo	PHP Tipps 2005	3	15.05.2005 13:48
[Erledigt] Text auf Bild		PHP Tipps 2005	9	28.04.2005 15:05
[Erledigt] DIV´s wollen nicht wie ich das will :-)		HTML, Usability und Barrierefreiheit	22	28.03.2005 18:36
Wie kann man Text als Bild ausgeben?		PHP Tipps 2005	5	22.03.2005 10:13
Text auf Bild		HTML, Usability und Barrierefreiheit	6	08.02.2005 17:02
txt-Datei erstellen	d-81	PHP Tipps 2004	12	11.08.2004 20:31

16.11.2005, 13:45
Gast Beiträge: n/a	[Erledigt] 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


Mister Ad PHP Code Flüsterer Registriert seit: 21.08.2005 Beiträge: 4682 PHP-Kenntnisse: Fortgeschritten

16.11.2005, 14:47
Gast Beiträge: n/a	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