CSS Dateien Teil 1
CSS-erweiterung zum gestalten von responsiven Menüs
wie unter Menü varianten
wie unter Menü varianten
<style>
#nav-menue {
position:absolute;
top:0;
left:0;
z-index: 999;
}
#nav-menue a {
text-decoration: none;
}
.menue-button {
left:5px;
top: 0;
}
.menue-button {
position:absolute;
z-index:1000;
}
.menue-button-zu {
visibility:hidden;
}
#nav-menue:target #menu {
visibility:visible;
}
#nav-menue:target .menue-button-zu {
visibility:visible;
display: inline-block;
}
#nav-menue:target .menue-button-open {
visibility:hidden;
}
#menu {
z-index:999;
visibility:hidden;
position:absolute;
top:0;
left:0;
overflow:hidden;
}
@media screen and (min-width: 50em) {
.menue-button {
display:none;
}
#nav-menue {
position:relative;
}
#menu {
visibility:visible;
position:relative;
}
}
position:absolute;
top:0;
left:0;
z-index: 999;
}
#nav-menue a {
text-decoration: none;
}
.menue-button {
left:5px;
top: 0;
}
.menue-button {
position:absolute;
z-index:1000;
}
.menue-button-zu {
visibility:hidden;
}
#nav-menue:target #menu {
visibility:visible;
}
#nav-menue:target .menue-button-zu {
visibility:visible;
display: inline-block;
}
#nav-menue:target .menue-button-open {
visibility:hidden;
}
#menu {
z-index:999;
visibility:hidden;
position:absolute;
top:0;
left:0;
overflow:hidden;
}
@media screen and (min-width: 50em) {
.menue-button {
display:none;
}
#nav-menue {
position:relative;
}
#menu {
visibility:visible;
position:relative;
}
}
</style>