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?
(GELÖST] Navigationsleiste höherschieben
(GELÖST] Navigationsleiste höherschieben
Last edited by cmssy on Sun Aug 21, 2011 11:59 am, edited 2 times in total.
Re: Navigationsleiste höherschieben
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.
und
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.
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;
}
Ansonsten müsstest wohl dir wohl etwas wegen logo einfallen lassen um das ganze etwas besser positionieren zu können.
Re: Navigationsleiste höherschieben
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.
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.