Hauptmenü Positionierung

  • Hallo,
    ich habe vor einen Punkt des Hauptmenüs durch ein Bild zu ersetzen.
    Es funktioniert auch soweit, allerdings stimmt irgendwas mit der Positionierung nicht.


    Code
    #mainMenu > ul > li:nth-child(4) > a{
    content: url("@{style_image_path}logo.png");
    position: relative;
    }


    Das Logo ist immer knappe 5px höher, als die anderen Punkte. Somit sprengt es leider das Menü und es sieht alles andere als gut aus.


    Gibt es eigentlich die Möglichkeit, dass dieser Punkt Allgemein die Formatierung ignoriert?
    Sprich das Bild ist auf dem Menü zentriert, allerdings ragt es oben und unten raus und dass das Menü größer wird. - siehe Anhang.



    #edit:
    Bitte nach Designerstellung verschieben :/

  • Meinst du, die fehlenden Pixel beiden vertikalen Bordern oder willst du gar nicht, dass das Bild das Menü überragt? Eigentlich finde ich das ziemlich schick, muss ich ehrlich sagen. Vorausgesetzt natürlich, dass es imemr der mittlere Menüpunkt ist.


    Ansonsten setz die Höhe des Menüs auf die Höhe der Grafik abzüglich padding. Vielleicht gibst du uns mal einen Link zum Forum, damit man es testen kann.

Participate now!

Don’t have an account yet? Register yourself now and be a part of our community!