wäre echt toll wenn mir jemand weiter helfen kann evt. durch meinen Code vil. auch durch ein tolles Bsp.
hier ist das Menü in welchem man sehen kann das in dem normalen Untermenü noch ein weiteres Untermenü eingebaut ist!
nav {
}
nav ul li {
float: left;
width: 100px;
}
nav ul, nav ul li {
}
nav ul li a {
width: 80%;
display: block;
padding-left: 10%;
padding-right: 10%;
padding-top: 0%;
padding-bottom: 0%;
font-size: 12px;
color: #000000;
text-shadow: 1.5px -1.5px #FFFFFF;
font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
font-style: normal;
line-height: 250%;
text-decoration: none;
text-align: center;
border-radius: 30px / 30px;
border-style: groove;
background-color: rgba(255,255,255,0.59);
-webkit-box-shadow: 3px -3px rgba(0,0,0,0.49);
box-shadow: 3px -3px rgba(0,0,0,0.49);
background-image: -webkit-linear-gradient(285deg,rgba(180,11,26,0.84) 0%,rgba(180,11,26,0.63) 12.43%,rgba(255,255,255,0.64) 52.33%,rgba(180,11,26,0.63) 88.08%,rgba(180,11,26,0.85) 100%);
background-image: -moz-linear-gradient(285deg,rgba(180,11,26,0.84) 0%,rgba(180,11,26,0.63) 12.43%,rgba(255,255,255,0.64) 52.33%,rgba(180,11,26,0.63) 88.08%,rgba(180,11,26,0.85) 100%);
background-image: -o-linear-gradient(285deg,rgba(180,11,26,0.84) 0%,rgba(180,11,26,0.63) 12.43%,rgba(255,255,255,0.64) 52.33%,rgba(180,11,26,0.63) 88.08%,rgba(180,11,26,0.85) 100%);
background-image: linear-gradient(165deg,rgba(180,11,26,0.84) 0%,rgba(180,11,26,0.63) 12.43%,rgba(255,255,255,0.64) 52.33%,rgba(180,11,26,0.63) 88.08%,rgba(180,11,26,0.85) 100%);
border-color: rgba(255,255,255,1.00);
}
nav ul li a:visited {
color: black;
text-shadow: 1.5px -1.5px rgba(249,248,248,1.00);
}
nav ul li ul {
display: inline;
visibility: hidden;
padding-top: 0%;
padding-right: ; padding-bottom: 0%;
padding-left: ; position: absolute;
width: auto;
}
nav ul li ul li {
float: none;
margin-top: 5px;
margin-bottom: 5px;
}
nav ul li ul li a {
color: rgba(6,6,6,1.00);
text-decoration: none;
display: block;
}
.cat1 {
margin-left: 12px;
margin-right: 6px;
}
.cat2 {
margin-left: 6px;
margin-right: 6px;
}
.cat3 {
margin-left: 6px;
margin-right: 6px;
}
.cat4 {
margin-left: 6px;
margin-right: 0px;
}
nav ul:after {
content: " ";
font-size: 0;
height: 0;
visibility: hidden;
clear: both;
}
nav ul li a:hover {
background-image: -webkit-linear-gradient(285deg,rgba(180,11,26,0.84) 0%,rgba(180,11,26,0.63) 12.43%,rgba(255,255,255,0.64) 52.33%,rgba(180,11,26,0.63) 88.08%,rgba(180,11,26,0.85) 100%);
background-image: -moz-linear-gradient(285deg,rgba(180,11,26,0.84) 0%,rgba(180,11,26,0.63) 12.43%,rgba(255,255,255,0.64) 52.33%,rgba(180,11,26,0.63) 88.08%,rgba(180,11,26,0.85) 100%);
background-image: -o-linear-gradient(285deg,rgba(180,11,26,0.84) 0%,rgba(180,11,26,0.63) 12.43%,rgba(255,255,255,0.64) 52.33%,rgba(180,11,26,0.63) 88.08%,rgba(180,11,26,0.85) 100%);
background-image: linear-gradient(165deg,rgba(180,11,26,0.84) 0%,rgba(180,11,26,0.63) 12.43%,rgba(255,255,255,0.64) 52.33%,rgba(180,11,26,0.63) 88.08%,rgba(180,11,26,0.85) 100%);
background-color: rgba(180,11,26,0.74);
}
nav ul li ul li a:hover {
background-image: -webkit-linear-gradient(285deg,rgba(180,11,26,0.84) 0%,rgba(180,11,26,0.63) 12.43%,rgba(255,255,255,0.64) 52.33%,rgba(180,11,26,0.63) 88.08%,rgba(180,11,26,0.85) 100%);
background-image: -moz-linear-gradient(285deg,rgba(180,11,26,0.84) 0%,rgba(180,11,26,0.63) 12.43%,rgba(255,255,255,0.64) 52.33%,rgba(180,11,26,0.63) 88.08%,rgba(180,11,26,0.85) 100%);
background-image: -o-linear-gradient(285deg,rgba(180,11,26,0.84) 0%,rgba(180,11,26,0.63) 12.43%,rgba(255,255,255,0.64) 52.33%,rgba(180,11,26,0.63) 88.08%,rgba(180,11,26,0.85) 100%);
background-image: linear-gradient(165deg,rgba(180,11,26,0.84) 0%,rgba(180,11,26,0.63) 12.43%,rgba(255,255,255,0.64) 52.33%,rgba(180,11,26,0.63) 88.08%,rgba(180,11,26,0.85) 100%);
background-color: rgba(180,11,26,0.74);
color: rgba(0,0,0,1.00);
text-shadow: 1.5px -1.5px rgba(249,248,248,1.00);
font-family: /*unifrakturcook*/; font-style: normal;
font-weight: 220;
line-height: 230%;
font-size: 16px;
margin-left: -13.5px;
margin-top: -6.5px;
margin-bottom: 5.5px;
width: 105%;
height: 105%;
border-radius: 30px / 30px;
}
nav ul li:hover > ul {
visibility: visible;
}/* Menü link farben im unterschiedliechen Status */nav ul li ul li a:link {
color: black;
}
nav ul li ul li a:visited {
color: black;
text-shadow: 1.5px -1.5px rgba(249,248,248,1.00);
}
nav ul li ul li a:active {
color: white;
text-shadow: 1.5px -1.5px Black;
background-image: -webkit-linear-gradient(76deg,rgba(180,11,26,0.85) 0%,rgba(231,14,33,0.85) 11.40%,rgba(255,255,255,0.85) 49.22%,rgba(219,13,31,0.85) 89.12%,rgba(180,11,26,0.85) 100%);
background-image: -moz-linear-gradient(76deg,rgba(180,11,26,0.85) 0%,rgba(231,14,33,0.85) 11.40%,rgba(255,255,255,0.85) 49.22%,rgba(219,13,31,0.85) 89.12%,rgba(180,11,26,0.85) 100%);
background-image: -o-linear-gradient(76deg,rgba(180,11,26,0.85) 0%,rgba(231,14,33,0.85) 11.40%,rgba(255,255,255,0.85) 49.22%,rgba(219,13,31,0.85) 89.12%,rgba(180,11,26,0.85) 100%);
background-image: linear-gradient(14deg,rgba(180,11,26,0.85) 0%,rgba(231,14,33,0.85) 11.40%,rgba(255,255,255,0.85) 49.22%,rgba(219,13,31,0.85) 89.12%,rgba(180,11,26,0.85) 100%);
}
nav ul li ul:after {
}
nav ul li ul li: hover > ul li ul li ul {
}
nav ul li ul li ul {
}
nav ul li ul li ul li {
}
nav ul li ul li ul li a {
margin-left: 105px;
margin-top: -38.5px;
margin-bottom: 43.5px;
}
nav ul li ul li ul li a:hover {
}
nav ul li ul li ul li a:link {
}
nav ul li ul li ul li a:active {
}
nav ul li ul li ul li a:visited {
}
Alles anzeigen