(GELÖST] Navigationsleiste höherschieben

Für Fragen und Diskussionen zum Layout und Design, Templates und Stylesheets sowie Themes
Post Reply
cmssy
Forum Members
Forum Members
Posts: 14
Joined: Thu Aug 04, 2011 5:43 pm

(GELÖST] Navigationsleiste höherschieben

Post by cmssy »

Hallo an alle,

meine Website ist im Rohbau fertig auf (design = ncleanblue).
Mich stört jetzt noch eins:
Unterhalb des blauen Headers wird 1 cm Platz verschwendet.
Der Header drückt durch die Einstellung
#header { height: 170px;
auf die Bauteile "Neues" und "Startseite" und hält sie tief.
Würde man den Header verkleinern, dann würden die beiden Blöcke in die Navigationsleiste ragen.
D.h. ich würde liebend gern die Navigationsleiste 5 mm heben.
Leider gelingt mir das auch mit Brachialgewalt nicht. Derzeit habe ich die Einstellung
.page-menu {
width: auto;
height: 35px;
margin: 3px 0 0 0px;
margin-top: -100px;
Bringt aber nichts, auch minus 200 nichtl.
Wie krieg ich das Ding höher?
Last edited by cmssy on Sun Aug 21, 2011 11:59 am, edited 2 times in total.
uniqu3

Re: Navigationsleiste höherschieben

Post by uniqu3 »

Template wurde eigentlich so nicht aufgebaut wie Du es gerne haben möchtest und kann ja sein das es in so manchen browser nicht mehr richtig dargestellt wird aber dein Problem könntest auf die schnelle so lösen.

Code: Select all

#header {
	height: 146px;
	width: 960px;
        position: relative;
}


und

Code: Select all

.page-menu {
	width: auto;
	height: 35px;
	margin: 3px 0 0 0px;
             margin-top: 7px;
        position: absolute;
        bottom: 5px;
}
Beim bottom: 5px; kannst es ja so wie es dir recht ist einstellen.
Ansonsten müsstest wohl dir wohl etwas wegen logo einfallen lassen um das ganze etwas besser positionieren zu können.
cmssy
Forum Members
Forum Members
Posts: 14
Joined: Thu Aug 04, 2011 5:43 pm

Re: Navigationsleiste höherschieben

Post by cmssy »

Hallo, uniqu3

Vielen Dank für Deine Antwort.
Ich habe meinen Fehler selbst gefunden:
#logo a {
/* adjust according your image size */
height: 126px;
width: 287px;

Da stand leider versehentlich bei height 196, während das jpg selbst nur 126 war. Dadurch wurde alles verschoben.
Ich bin nun mit dem Aussehen sehr zufrieden, freue mich aber über Verbesserungsvorschläge.
Post Reply

Return to “Layout und Design”