Seite 1 von 1

Grafiken in der Navigation zentrieren

Verfasst: 22.10.2012 23:33
von Luuq
Hallo zusammen,

bin seit ein paar Stunden am meiner Navigation dran und dort stellst sich nun folgendes Problem in den Weg:
Ich habe für die einzelnen Links Bilder erstellt und diese mit einem hover-Effekt versehen, aus einem mir unbekanntem Grund sind diese Grafiken leider nicht mehr zentriert.
Da Problem tritt jedoch nur bei den "verlinkten" Grafiken auf. Die Trennbalken die vorhanden sind, sind nach wie vor zentriert.
Findet einer von euch den Fehler?

http://mpf.welt-der-serien.eu/index.php

Danke,
Luuq

Re: Grafiken in der Navigation zentrieren

Verfasst: 22.10.2012 23:59
von Rare Essence
Oh, ein Rätsel! :lol:

Versuch's mal mit einem höheren Wert für font-size in #navheader li. Beim Test sah es mit 18px ganz gut aus. Und bei den Bildern für Startseite etc. für den Hintergrund no-repeat ergänzen.

Habe ich jetzt was gewonnen? ;)

Re: Grafiken in der Navigation zentrieren

Verfasst: 23.10.2012 00:08
von Luuq
Vielen dank! Daran hat es gelegen.
Um jetzt nochmal für mich selber alles zu verstehen: Wo liegt der Zusammenhang zwischen meines Problem und dem Befehl font-size?

Danke,
Luuq

PS: Was hättest Du denn gerne gewonnen? :)

Re: Grafiken in der Navigation zentrieren

Verfasst: 23.10.2012 08:42
von Rare Essence
Luuq hat geschrieben:Was hättest Du denn gerne gewonnen?
Den Jackpot natürlich! :grin:
Luuq hat geschrieben:Wo liegt der Zusammenhang zwischen meines Problem und dem Befehl font-size?
Wenn ich mich recht entsinne, hattest du das Bild als Hintergrundbild eingebunden, aber keine Höhe für #navheader li festgelegt, da nutzt der Browser dann wohl den Wert für die Schriftgröße.
Ersetz font-size durch height: 18px und schau mal, was passiert. Sollte eigentlich das gleich aussehen. Echter Text war doch keiner vorhanden, oder?

Re: Grafiken in der Navigation zentrieren

Verfasst: 23.10.2012 10:53
von Talk19zehn
Hi Luuq, - was mir auffiel -

rufe bitte das FAQ-Formular auf und fahre bitte mit der Maus über die jeweiligen Überschriften, auf denen sich nun dein Hovereffekt auswirkt, da du "class=faq" ansprichst und ein Bildchen zugewiesen hast. Evtl. hilft ja ein Wechsel der Klasse, sofern du FAQ in der neuen Navigation beibehalten möchtest.
FAQ gäbe es ja auch noch in der "Navbar"... :wink:

Im IE ergibt sich in der Navigation ein horizontaler und vertikaler Scrollbalken, sofern ich die Seite mittels Zoom stark vergrößere. Sehbehinderte werden darauf angewiesen sein. Ob nun bereits der Wechsel auf "em" hilfreich ist, kann ich nicht abschließend beurteilen.

Viele Grüße