anzeige

Vertikale Ausrichtung des Textes im horizontalen Menü?


Seite: 1
Autor Beitrag
Lars282
04.03.10 - 23:48:14 Uhr

 Hey,

Ein Versuch eines horizontalen Menüs nur mit <a></a> Elementen:
http://kapir.pytalhost.de/a.php

Wie kann ich den Inhalt des blauen Kasten edit: vertical zentrieren?

Mit Padding, Margin verschieben sich auch die weißen Streifen, die eine Border sind.
line-height: 100% bzw 22px, die Höhe des Blauen, schiebt es viel zu weit nach unten.

Edit: Habe jetzt dem Blauen keine Höhe gegeben und nur die line-height von den <a> Elementen definiert. In Safari ist jetzt alles wie es sein soll, in FF nicht.
http://kapir.pytalhost.de/i.php
Zur Veranschaulichung habe ich den <a>'s einen border bottom gegeben. Bei FF ist nach dem unteren Rand noch ein schmaler blauer Streifen. Wieso? Wenn der weg geht, sollte es gehen.

Was kann ich tun, wo liegt das Problem?

Ganz lieben Dank,

Lars
Teegee
04.03.10 - 23:51:34 Uhr

 ehm der inhat des blauen kastens (Item 1, Item 2, Item & Item, Number 4, Contact Us) ist zentriert.

Ach jetz weiss ich was du willst.
Moment
Lars282
04.03.10 - 23:52:20 Uhr

 Sorry, vertikal zentrieren.
Lars282
04.03.10 - 23:54:42 Uhr

 Im Moment ist es bei Safari ziemlich weit oben, bei FF etwas weiter unten, aber noch nicht vertikal zentriert. IE kann ich gerade nicht testen.
Teegee
04.03.10 - 23:54:46 Uhr

 vertical-align:middle;
in der CSS Datei zu Nav hinzufügen.
Lars282
04.03.10 - 23:56:09 Uhr

 Ist das nicht nur für Tabellen??

edit: Ändert garnichts, jedenfalls in FF und Safari.

line-height auf höhe des Blauen funktioniert super in Safari, in Firefox sitzt es dann zu weit unten. Könnte noch irgendwas da sein, was in FF alles nach unten verschiebt, was man auf 0 setzen könnte?
Teegee
05.03.10 - 00:07:14 Uhr

 mhmm ich meinte aber irgendwo was gesehen zu haben für sowas...
SammysHP
05.03.10 - 00:19:53 Uhr

 Mit line-height:22px; geht es bei mir wunderbar im FF 3.6.

_________________
www.sammyshp.de
Lars282
05.03.10 - 00:22:46 Uhr

 Habe jetzt dem Blauen keine Höhe gegeben und nur die line-height von den <a> Elementen definiert. In Safari ist jetzt alles wie es sein soll, in FF nicht.
http://kapir.pytalhost.de/i.php
Zur Veranschaulichung habe ich den <a>'s einen border bottom gegeben. Bei FF ist nach dem unteren Rand noch ein schmaler blauer Streifen. Wieso? Wenn der weg geht, sollte es gehen.
ixiter
05.03.10 - 12:11:26 Uhr

 Bei mir ist alles schön, bis auf den border-bottom. Aber wenn du den weg machst, sieht das auch im FF genauso aus wie bei den anderen.

Getestet mit
FF Linux
Chrome Linux

IE8 Win7
FF Win7
Safari Win7
Chrome Win7


________________
ixiter.com
Durchsuch die Pytal Userseiten
Webtools
Google hilft dir weiter
Twitter mich
Seite: 1

- Obige Beiträge stellen keine Äußerung oder Meinung von Pytal oder dessen Betreiber dar -