hey Leute ;)
Ich bin ratlos ich hab schon alles denkbare ausprobiert aber ich schaffes es einfach nicht (per CSS) denn Menü 'Kasten' zu Positionieren...
Ich habe 2 CSS Codes einmal eine style.css wörüber text ausgerichtet ist und wörüber ich denn Menü 'Kasten' auch Positionieren möchte.
style.css<
body {
padding-left: 11em;
font-family: Georgia, "Times New Roman",
Times, serif;
color: black;
background-color: black}
ul.navbar {
list-style-type: none;
padding: 0;
margin: 0;
position: absolute;
top: 11em;
left: 10em;
width: 10em }
h1 {
font-family: Helvetica, Geneva, Arial,
SunSans-Regular, sans-serif }
ul.navbar li {
background: transparent;
margin: 1em 0;
padding: 0.3em;
border-right: 1em solid transparent }
ul.navbar a {
text-decoration: none }
a:link {
color: black }
a:visited {
color: black }
address {
margin-top: 1em;
padding-top: 1em;
border-top: thin dotted }
#name {
position: absolute;
left: 20%;
top: 15%; }
und nun die navi.css wörüber die einzelnen Elemente des Menü 'Kastens' positioniert sind.
navi.css<
#menue1 {
width: 180px;
margin: 0 0;
}
#menue1 #abstand1 {
border: 1px solid;
border-color: #ffffff #304e6a #304e6a #ffffff;
background: #e7d5b5;
padding: 5px 10px;
}
#schalter1 a {
display: block;
padding: 2px;
text-decoration: none;
border: 1px solid #ccc;
width: 150px;
font-weight: bold;
text-align: right;
margin: 1px 0;
background-color: #e0d0b0;
}
#schalter1 a:link {
color: #304e6a;
}
#schalter1 a:visited {
color: #369;
}
#schalter1 a:hover {
border: 1px solid;
border-color: #eeeeee #304e6a #304e6a #eeeeee;
background-color: #d0c0a0;
color: #fff;
}
#schalter1 a:active {
color: #c00;
}
#schalter1 a .pfeil1 {
display: none;
}
#schalter1 a:hover .pfeil1 {
display: inline;
color: #c00;
}
#menue1 .toc1 {
color: #757575;
font-size: 85%;
font-weight: bold;
margin: 0 5px 5px;
}
#menue1 .copy1 {
color: #757575;
font-size: 80%;
font-weight: normal;
margin: 5px 0 0;
text-align: right;
}
#menue1 .space1 {
font-size: 1px;
margin: 3px 0;
}
Ps. falls jetzt jemand kommt und meint ich hab überhaupt keine ahnung, sag ich jetzt schonmal ich hab ahnung ich habe das bei meiner eigenen Homepage auch hinbekommen. Meine Homepage