Hallo zusammen,
ich bin am Aufbau einer Steuerung. Als Dropdown Menü.
Ich habe das Problem, wenn ich mit der Maus drüber wegfahren :hover bewegt sich das Bild bzw. auch der Text der unter dem Bild ist. Ich habe es in der CSS auch schon mit z-index, auch mit absolut:position probiert. Aber dann habe ich das Problem, wenn ich das Fester vom Browser kleiner mache bleibt das Bild aber nicht in der Mitte .Das möchte ich aber nicht. Vllt. könnt Ihr mir ja bitte helfen? Danke schon im voraus.
Ich möchte es am liebsten,dass wenn ich mit der Maus über die Steuerung fahre, dass das Bild und der Text fest verackert bleiben u. nicht verrutschen jedesmal
Vielen Dank für eure Hilfe schonmal im Voraus.
Gruß Enrico
HTML
<body>
<h1>Dart</h1>
<div id="steuerung">
<nav>
<ul>
<li><a href="index.html">Startseite</a></li>
<li><a href="#">Geschichte</a>
<li><a href="#">News</a>
<ul>
<li><a href="#">Angebote01</a></li>
<li><a href="#">Angebote02</a></li>
</ul>
</li>
<li><a href="#">Mannschaften</a></li>
</ul>
</nav>
</div>
<div id="bild" >
<img src="willkommen3.png" width="500" height="400" border="0" />
</div>
</body>CSS
h1{
color: #150185;
text-align: center;
}
nav ul ul {
display: none;
}
nav ul li:hover > ul {
display: block;
}
#bild{
background-position: center;
}
#steuerung, #steuerung a {
color: #A5685B;
font-size: 20px;
}
