Moin Moin,
ich habe eine Denkblokade. Ich denke eigentlich ganz einfach was ich will.
Ein Div-Container soll sich einem Mouseover weiß färben und die tranparenten Links darin schwarz färben.
Nur leider will es mir nicht gelingen. Ich hab mich festgefressen.
so soll es eigentlich am ende aussehen
vor dem Mouseover
mit dem Mouseover
hier noch der Link zum Beispiel
http://gaudlitz.mediaonline.org/buero.htm
<head>
<style type="text/css">
body, html {
background: url("images/baustelle.jpg") no-repeat scroll center center / cover rgba(0, 0, 0, 0); position: relative;
width:100%;
height:100%;
margin:0;
padding:0;
font-family: Arial,Helvetica,"Sans Serif";
}
ul {
list-style: outside none none;
}
#buero {
border: 1px solid #ffffff;
color: #ffffff;
display: block;
float: left;
height: 100px;
width: 200px;
}
#buero:hover {
background: #ffffff;
color: #000000;
border: 1px solid #ffffff;
display: block;
float: left;
height: 100px;
width: 200px;
}
#buero .hauptpunkt a {
color: #ffffff;
}
#buero a {
color: transparent;
}
</style>
</head>
<body>
<div id="buero">
<span class="hauptpunkt"><a href="buero/?no_cache=1">Büro</a></span>
<ul>
<li><a href="buero/geschaeftsleitung/">Geschäftsleitung</a>
</li>
<li><a href="buero/team/">Team</a>
</li>
<li><a href="buero/jobs/">Jobs</a>
</li>
</ul>
</div>
</body>