Thema: Problem mit verändertem Menü

Zitat von flolen

...die abstände sind meiner meinung nach um 1px unterschiedlich... warum is das so???..

Das kann nicht sein, weil es sich bei allen Trennstrichen um die selbe Datei devider_top_menu.gif handelt.
Aber eig. solltest Du das wissen, wenn Du es selber umgebaut hast!?
Möglichweise eine Täuschung durch die Halbtransparenz des Manüs.

Hallo,

Zitat von flolen

o) Ähnliches Problem mit oberen Bereich, lässt sich alles (Logo, Menüpunkte, Suchen) etwas raufschieben damit oben nicht soviel Fläche verloren geht (bei kleineren Monitoren z.b.)

Geb Dir hier die CSS Codes her. Aber 'angleichen' musst Du selber

I.d. Reihenfolge für: Logo / Menü / Suchen:

Code:

 #top #logo {
    float: left;
    padding: 50px 0 0 10px;
}

Code:

 #top {
    height: auto !important;
    min-height: 142px;
    overflow: hidden;
    width: 100%;
}

Code:

 .block-search {
    float: right;
    margin: 0 2px 0 0;
    overflow: hidden;
    padding: 68px 45px 0 0;
}

Gruß, Christine

Hi Tom :-)

Zitat von flolen

schon, aber seh das nur ich oder ist trotzdem ein unterschied zwischen den menüpunkten...??

Nein, das siehst nicht nur du.

Nach links ist für li a ein padding von 30px und nach rechts ein padding von 28px , aber dafür hat die li einen divider-Background mit 2px Breite, was die 28px erklärt (28px + 2px = auch 30px).

Jedoch hat die li a auch ein margin-right 1px, was den 1px Unterschied ausmacht:

ul.menu-nav li a, ul.menu-nav li a:visited {
color: #FFFFFF;
display: block !important;
font: bold 16px Arial,Helvetica,sans-serif;
margin: 0 1px 0 0;
padding: 20px 28px 24px 30px;
text-decoration: none;
}

Edit: Höhe oben...
Wie Christine schon schrieb. Du brauchst jedoch lediglich das Padding-top von #logo auf 0 zu setzen.

#top #logo {
float: left;
padding: 0 0 0 10px;
}