Hallo an das Forum,
ich habe die Betreuung unserer Vereinswebseite Freunde der Hans-Memling-Schule übernommen. Die Seite wurde von einem Webdesigner vor ca. 4 Jahren erstellt und war ursprünglich nur in HTML-Code. Der wurde zwischenzeitlich nach PHP transformiert und soweit läuft auch alles.
Was mich allerdings nervt ist, dass man im Menü immer genau auf den Text klicken muss, um auf die entsprechende neue Seite zu kommen. Ich habe schon versucht, mit "display: block" den Bereich zu ändern, leider ohne Erfolg. Hier mal der (hoffentlich zutreffende) Code-Schnipsel aus der "Styles.css":
Code
.nav {
width: 240px;
height: 420px;
background-image: url(images/template/nav.jpg);
}
.menu ul ul{
transition: all 0.3s;
opacity: 0;
position: absolute;
visibility: hidden;
left: 97%;
top: -12%;
}
.menu ul {
list-style: none;
margin: 0;
padding-left: 30px;
}
.menu ul li {
top: 5px;
left: -20px;
padding: 15px;
position: relative;
width: 195px;
vertical-align: middle;
background-color: #159199;
cursor: pointer;
border-right: 5px solid #9a9a9a;
border-top: 1px solid #9a9a9a;
transition: all 0.3s;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
}
.menu ul li:first-child {
border-top: 2px solid #9a9a9a;
}
.menu ul li:last-child {
border-bottom: 2px solid #9a9a9a;
}
.menu ul li:hover {
background-color: rgba(21, 145, 153, 0.49);
}
.menu ul li:hover > ul {
opacity: 1;
visibility: visible;
}
.menu ul li a {
font-size: 13px;
letter-spacing: 1px;
color: white;
text-decoration: none;
}
Alles anzeigen
Hat vielleicht jemand von Euch eine Idee?
Gruß,
Atti