Mouseover auf Div-Container mit Linkliste innerhalb

H.Bergmann · #1 (**permalink**) 08.05.2015, 11:18

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>

K.Roland · #2 (**permalink**) 08.05.2015, 19:42

Zitat:

Zitat von H.Bergmann

Nur leider will es mir nicht gelingen. Ich hab mich festgefressen.

Hallo H.Bergmann

Was ist den daran so schwer.
so: Edit fiddle - JSFiddle

_______________
MfG Roland

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Ansicht
Linear-Darstellung Zur Hybrid-Darstellung wechseln Zur Baum-Darstellung wechseln

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
div container Höhe anpassen funktioniert nicht!	hopaba	CSS	4	21.02.2010 18:23
DIV container verschachteln und pixelgenau platzieren	Yakilo	CSS	4	02.02.2010 20:18
Linkverhalten im IE6	ChOpSueY!	CSS	19	19.05.2008 23:48
joomla template entschlüsseln	nieselfriem	CSS	2	18.03.2008 14:12
div container: wieso der Rand?	bka	CSS	5	29.05.2004 15:32