Caro Mühlheim
Grünschnabel
Hallo zusammen,
ich bin neu im Forum und hoffe jemand von euch kann mir helfen. Ich habe auf meiner Startseite eine Meta erstellt, die auf klick ein- und ausfahren soll. Die Meta besteht aus einem Hintergrundbild und verlinkten Menüpunkten in Form von Listen. Ich habe beide Elemente (Bild und Links) in ein Gesamt-div gepackt um es im Anschluss wie hier http://jsfiddle.net/DjQUc/3/ zu animieren. Der Befehl overflow-hidden funktioniert bei mir aber nicht... er verbreitert mir lediglich das Browserfenster nach rechts, statt den überstehenden Bereich weg zu schneiden. Hat jemand einen Tipp für mich? Hier mal mein Code:
mein CSS dazu:
ich bin neu im Forum und hoffe jemand von euch kann mir helfen. Ich habe auf meiner Startseite eine Meta erstellt, die auf klick ein- und ausfahren soll. Die Meta besteht aus einem Hintergrundbild und verlinkten Menüpunkten in Form von Listen. Ich habe beide Elemente (Bild und Links) in ein Gesamt-div gepackt um es im Anschluss wie hier http://jsfiddle.net/DjQUc/3/ zu animieren. Der Befehl overflow-hidden funktioniert bei mir aber nicht... er verbreitert mir lediglich das Browserfenster nach rechts, statt den überstehenden Bereich weg zu schneiden. Hat jemand einen Tipp für mich? Hier mal mein Code:
HTML:
<div id="metaslider" style="overflow: hidden">
<img src="http://www.tutorials.de/Images/HG_Startseite_Meta.png" width="288" height="289" alt="Meta" />
<ul id="textmeta">
<li><a href="startseite.html">Startseite</a></li><li>–</li>
<li><a href="#">Upload</a></li><li>–</li>
<li><a href="downloads.html">Download</a></li><li>–</li>
<li><a href="#">Suche</a></li>
</ul>
</div>
CSS:
#metaslider {
position: absolute;
width: 288px;
height: 289px;
top: 51px;
right: -200px;
z-index: 15px;
}
#textmeta {
position: absolute;
top: 83px;
right: 73px;
z-index: 20;
font-size: 11px;
line-height: 18px;
text-align: center;
color: #565658;
}
#textmeta a {
color: #565658;
}
#textmeta a:hover {
color: #9c1e1f;
}
#textmeta li {
list-style: none;
}
Zuletzt bearbeitet von einem Moderator: