Einzelnen Beitrag anzeigen
  #1 (permalink)  
Alt 08.05.2015, 11:18
H.Bergmann H.Bergmann ist offline
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 08.05.2015
Beiträge: 1
H.Bergmann befindet sich auf einem aufstrebenden Ast
Standard Mouseover auf Div-Container mit Linkliste innerhalb

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>
Mit Zitat antworten
Sponsored Links