Menüleiste ist im unteren Teil der Website
Windassel
- css
Hallo,
meine Menuleiste, von meiner Website ist ganz unten, ich will die aber nach oben haben. Ich denke mal, dass die Lösung ganz einfach ist, komme aber nicht drauf :/
@charset "utf-8";
/**
* Einführung in XHTML, CSS und Webdesign. Kochbar.
*
* @link http://kochbar.jendryschik.de
* @package kochbar
* @version 2.0
*/
/**
* Globale Einstellungen und Bugfixes
*
* @section Browser-Reset
*/
/* Zurücksetzen der Innen- und Außenabstände */
* {
margin: 0;
padding: 0;
}
/**
* Schriftgröße kontrollieren
*/
body, td, th { font: normal 75%/167% Georgia, Palatino, "Times New Roman", serif; }
td, th { f\ont-size: 100%; }
/* Farben und Hintergründe setzen */
html, body {
color: #3b2b20;
background-color: white;
}
/**
* Regeln für allgemeine Elemente
*
* @section Überschriften
*/
h1 {
color: #9F0F00;
background-color: white;
font-size: 3em;
line-height: 1.1;
margin: .8em 0;
}
h2 {
color: #3C6331;
background-color: white;
font-size: 1.5em;
line-height: 1.1;
margin: .8em 0;
text-transform: uppercase;
}
/**
* @section Absätze
*/
p { margin: .8em 0; }
/**
* @section Links und Anker
*/
a:link {
color: #980c02;
background-color:transparent;
}
a:visited {
color: #999;
background-color: transparent;
}
a:hover, a:focus {
color: #FF7700;
background-color: transparent;
}
a:active {
color: white;
background-color: #980c02;
}
/* Farben und Hintergründe setzen */
html, body {
color: #3b2b20;
background-color: white;
}
body {
background: url(images/vertaefelung.gif) top center repeat-x;
}
/**
* Regeln für besondere Bereiche
*
* @section Kopfbereich
*/
div#head {
width: 932px;
margin: auto;
position: relative;
}
#head h1 {
margin: 0;
padding: 0;
width: 288px;
}
/**
* @section Hauptmenü
*/
#head ul {
position: absolute;
bottom: 0;
right: 30px;
}
#head ul li {
float: left;
list-style: none;
margin: 0 8px 0 0;
}
#head ul a,
#head ul strong {
color: #352545;
background:#FBFBFB url(images/nav_bg.gif) bottom left repeat-x;
display: block;
padding: .8em;
text-transform: uppercase;
text-decoration: none;
font-weight: bold;
}
#head ul a:hover,
#head ul a:focus,
#head ul a:active,
#head ul strong {
color: white;
background: #638F56 url(images/nav_bg_hover.gif) bottom left repeat-x;
}
Könnt Ihr mir weiter helfen?
@@Windassel:
nuqneH
meine Menuleiste, von meiner Website ist ganz unten, ich will die aber nach oben haben. Ich denke mal, dass die Lösung ganz einfach ist, komme aber nicht drauf :/
Ja, es ist einfach. Sieh dich mal in @section Hauptmenü um, welche Angabe das Menü unten positioniert. Bei Unklarheiten konsultiert du http://de.selfhtml.org/css/eigenschaften/positionierung.htm@title=SELFHTML.
Könnt Ihr mir weiter helfen?
Wieso weiter? Wir hatten noch gar nicht damit angefangen.
Qapla'