Problem beim ausrichten der Schrift im Link

mokus · 31.01.2007, 21:24

Hi,
ich habe ein Problem mit meinen Links. Ich bekomme das einfach nicht hin, bei einem Link mit Hintergrund, die Schrift mittig zu machen.

Guck euch mal das beim Newsletter in der Mitte an:
Hier

hier is der code:

Code:

.Klappmenu_1_Header {vertical-align:middle; display:block; margin:0;padding:0; text-align: center; font:11px verdana; color: #000000; width:100%px; height:22px; text-decoration:none; background: url(Aufklappmenu_1/Aufklappmenu_1_r2_c2.gif);}

Die Schrift beim Link ist viel zu hoch und dann auch noch Links und Rechts bei dem Menu. Im IE geht es, aber in FF ist die Schrift von den Links wieder oben am Rand.

Code:

a.Linke_Leiste_Link_1:link { display:block; margin:0;padding:0; text-align: center; color: #000000; width:180px; height:21px; text-decoration:none; background: url(lammpee_Front_slice_r8_c3.gif);  vertical-align:middle;}
a.Linke_Leiste_Link_1:visited { display:block; margin:0;padding:0; text-align: center; color: #000000; width:180px; height:21px; text-decoration:none; background: url(lammpee_Front_slice_r8_c3.gif); vertical-align:middle;}
a.Linke_Leiste_Link_1:active { display:block; margin:0;padding:0; text-align: center; color: #000000; width:180px; height:21px;  text-decoration:none; background: url(lammpee_Front_slice_r12_c3.gif);  vertical-align:middle;}
a.Linke_Leiste_Link_1:hover { display:block; margin:0;padding:0; text-align: center; color:#000000; width:180px; height:21px; text-decoration:underline; background: url(lammpee_Front_slice_r12_c3.gif); vertical-align:middle;}

Weiß jemand einen Rat?

Zergling-new · 31.01.2007, 21:45

Und wo ist der HTML-Teil dazu?

Code:

<div style="display:table-cell;height:50px;vertical-align:middle">Text</div>

sollte klappen..

mokus · 31.01.2007, 22:36

Danke für die hilfe.
Es geht jetzt.

Habe es einfach so gemacht:

Code:

a.Rechte_Leiste_Link_1:link { display:table-cell;height:21px; vertical-align:middle; margin:0;padding:0; text-align: center; color: #000000; width:180px; height:21px; text-decoration:none; background: url(lammpee_Front_slice_r8_c9.gif);}
a.Rechte_Leiste_Link_1:visited { display:table-cell;height:21px; vertical-align:middle; margin:0;padding:0; text-align: center; color: #000000; width:180px; height:21px; text-decoration:none; background: url(lammpee_Front_slice_r8_c9.gif);}
a.Rechte_Leiste_Link_1:active { display:table-cell;height:21px; vertical-align:middle; margin:0;padding:0; text-align: center; color: #000000; width:180px; height:21px;  text-decoration:none; background: url(lammpee_Front_slice_r12_c9.gif);}
a.Rechte_Leiste_Link_1:hover { display:table-cell;height:21px; vertical-align:middle; margin:0;padding:0; text-align: center; color:#000000; width:180px; height:21px; text-decoration:underline; background: url(lammpee_Front_slice_r12_c9.gif);}

nikosch · 01.02.2007, 19:37

versteh ich nicht. ist das denn ne tabelle? ansosnten würd ich table-cell nicht benutzen. zumal es von IE5 und Netscape vor 6 nicht interpretiert wird. und dein code beispiel ist nicht nur unübersichtlich sondern ohne html auch nichtssagend...

Zergling-new · 01.02.2007, 22:04

Ja aber die Frage ist, wie zentriere ich sonst einen Text vertikal und ohne Tabelle?

vertical-align hat nur Einfluß auf echte (<td>) oder gemachte (display:table-cell) Tabellen-Zellen.

agrajag · 01.02.2007, 22:24

Zitat:

Zitat von Zergling

Ja aber die Frage ist, wie zentriere ich sonst einen Text vertikal und ohne Tabelle?

Man könnte es durch padding-top und padding-bottom versuchen. Dann hat man halt evtl. ein Problem mit dem Box-Model-Bug einiger IE-Versionen...

Zergling-new · 01.02.2007, 23:58

Dazu muss ich die Höhe der Box und die Zeilenzahl des Textes kennen

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
Link als Formular?	Toby	PHP Tipps 2008	1	22.01.2008 00:51
IE5 link futzt net, rechte Maus + link öffnen geht	hackenbusch	HTML, Usability und Barrierefreiheit	1	03.01.2007 00:48
datensätze defekt oder problem mit dem einlesen?	Ministry	Datenbanken	4	06.07.2006 18:42
Problem mit PHPSESSID	Jacks Rache	PHP Tipps 2006	7	19.03.2006 17:00
link mit absoluter url-angabe funzt nicht in php		PHP Tipps 2006	6	27.02.2006 15:23
Link in Frame der auf Seite ohne Frames verweist		HTML, Usability und Barrierefreiheit	1	25.02.2006 14:00
ein link in einem TD	Sclot	HTML, Usability und Barrierefreiheit	4	12.02.2005 13:06
Link Problem		HTML, Usability und Barrierefreiheit	6	08.01.2005 16:26
Problem mit link	test022	PHP Tipps 2004-2	8	13.12.2004 13:51
[Erledigt] spezielle schrift in der website		HTML, Usability und Barrierefreiheit	23	12.12.2004 12:02
Problem mit links in Schleife	web2	PHP Tipps 2004-2	2	23.11.2004 12:58
Problem mit alter JavaScript-Funktion	woods	PHP Tipps 2004	1	13.08.2004 13:34
Problem mit Link Style		HTML, Usability und Barrierefreiheit	8	05.08.2004 17:59
[Erledigt] Link Problem		HTML, Usability und Barrierefreiheit	5	27.07.2004 09:52
Problem mit Link automatisch öffnen		PHP Tipps 2004	1	04.07.2004 21:00


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

31.01.2007, 21:45
Zergling-new Erfahrener Benutzer Registriert seit: 21.05.2008 Beiträge: 9.937	Und wo ist der HTML-Teil dazu? Code: <div style="display:table-cell;height:50px;vertical-align:middle">Text</div> sollte klappen..

01.02.2007, 19:37
nikosch moderatives Dielektrikum Registriert seit: 21.05.2008 Beiträge: 35.987 PHP-Kenntnisse: Fortgeschritten	versteh ich nicht. ist das denn ne tabelle? ansosnten würd ich table-cell nicht benutzen. zumal es von IE5 und Netscape vor 6 nicht interpretiert wird. und dein code beispiel ist nicht nur unübersichtlich sondern ohne html auch nichtssagend...

01.02.2007, 22:04
Zergling-new Erfahrener Benutzer Registriert seit: 21.05.2008 Beiträge: 9.937	Ja aber die Frage ist, wie zentriere ich sonst einen Text vertikal und ohne Tabelle? vertical-align hat nur Einfluß auf echte (<td>) oder gemachte (display:table-cell) Tabellen-Zellen.

01.02.2007, 23:58
Zergling-new Erfahrener Benutzer Registriert seit: 21.05.2008 Beiträge: 9.937	Dazu muss ich die Höhe der Box und die Zeilenzahl des Textes kennen