nabend helfts ma bitte amal kurz
i hab a vertikales und a horizontales menü
beim vertikalen menü is das einfügen der hintergrundgrafik ka problem
nur beim vertikalen wird, obwohl ich die höhe und breite angeb, nicht der gesamte hintergrund dargestellt.
bitte um einen kleinen denkanstoß [=
hier die codes
---------------------------------
body {
background-color: black;
color: white;
}
#wrap {
background-color: black;
color: white;
}
.men1 {
background-image: url(oben3.png);
color: black;
position: fixed;
top: 0px;
left: 0px;
width: 100%;
height: 78px;
text-align: right;
border: 0px;
margin-top: 0px;
margin-left: 0px;
margin-right: 0px;
margin: bottom: 0px;
padding-top: none;
padding-left: none;
padding-right: none;
padding-bottom: none;
}
.menu {
float: left;
background-color: transparent;
color: black;
position: fixed;
width: 108px;
left: 5px;
top: 130px;
height: 300px;
padding-top: 10px;
padding-right: none;
padding-left: none;
padding-bottom: none;
border-top: none;
border-left: none;
border-right: none;
border-bottom: none;
margin-top: 0px;
margin-left: 0px;
margin-right: 2px;
margin: bottom: 0px;
}
#text {
background-color: #faebd7;
color: black;
border-top: none;
border-left: none;
border-right: none;
border-bottom: none;
margin-top: 90px;
margin-left: 104px;
margin-right: 10px;
margin: bottom: 10px;
padding-top: 50px;
padding-left: 20px;
padding-right: 20px;
padding-bottom: 50px;
}
.menu a:link {
color: black;
background-color: transperent;
text-decoration: none;
padding: 10px;
margin: 10px;
}
.menu a:visited {
color: red;
border: 0px solid red;
background-color: grey;
}
.menu a:hover {
color: black;
background-color: transperent;
}
.menu a:focus {
}
.menu a:active {
color: red;
border: 1px solid red;
background-color: grey;
}
.men1 a:link {
color: white;
height: 50;
width: 110px;
text-decoration: none;
padding: 4px;
}
.men1 a:visited {
color: red;
border: 0px solid red;
background-color: grey;
}
.men1 a:hover {
color: white;
border-bottom: 2px solid black;
}
.men1 a:focus {
}
.men1 a:active {
color: red;
border: 1px solid red;
background-color: grey;
}
.menu li {
background-image: url(pfeil.png);
list-style-type: none;
width: 94px:
height: 35px;
margin: 5px;
text-align: left;
padding-left: 5px;
padding-right: 5px;
}
.menu ul {
width: 80%;
padding-right: 10px;
}
.men1 li {
background-image: url(men1.png);
width: 110px;
height: 50px;
list-style-type: none;
display: inline;
margin-right: 20px;
}
.men1 ul {
width: 90%;
height: 60px;
right: 30px;
top: 20px;
}
-----------------
.men1 ist das problemkind
danke schonmal im vorraus
tigpl