XHTMLforum

XHTMLforum (http://xhtmlforum.de/index.php)
-   CSS (http://xhtmlforum.de/forumdisplay.php?f=73)
-   -   Probleme mit z-index (http://xhtmlforum.de/showthread.php?t=64761)

alexanderschill 24.05.2011 22:00

Probleme mit z-index
 
Liste der Anhänge anzeigen (Anzahl: 1)
liebes forum ich ahbe ein problem und keine ahnung wie ich das lösen könnte

aso ich habe ein menü gemacht bei dem die links auf buttons liegen s. Bild
nun der blaue button ist ein extra div tag den ich mit js unter der schrift der li-tags des menüs animieren möchte

also hier mien quelltext

HTML-Code:

<div id="Menu">
<div id="slider"></div>
<ul>
<li><a href="../index.php" title="">Start</a></li>
<li><a href="../downloads.php" title="">Downloads</a></li>
<li><a href="../projects.php" title="">Projekte</a></li>
</ul>
</div>

nun der div tag slider soll über den li tags liegen aber unter den atags

also blauer button über dem schwarzer button und blauer button unter der schrift(projekte etc)

vlt mit z-index?

fricca 24.05.2011 22:27

Ein HTML-Schnipsel ist nutzlos, wenn du über Darstellungsprobleme reden willst.
Bitte lies und beachte die Hinweise für Fragende.

alexanderschill 24.05.2011 23:12

welche angaben brauchst du denn noch?
ich dachte das bild und mein code wäre ausreichend ich poste mal noch miene css datei

HTML-Code:

/* Hauptmenü Einstellungen */
#Menu,#slider{
position:absolute;
}

#slider{
display:block;
width:200px;
height: 32px;
left: 0px;
background: url('MenuAktiv.png');
z-index:2;
}

#Menu ul{
margin:0px;
padding-left: 20px
}

#Menu ul li {
display:inline-block;
width : 200px;
background: url('Menu.png');
position : relative;
margin-bottom : 8px;
text-align : left;
list-style : none;
z-index:1;
}
 
#Menu ul a {
display : block;
padding : 7px 3px 7px 13px;
font-size : 15px;
text-decoration : none;
color : #ffffff;
z-index:3;
}

/* Hauptmenü Mausover Einstellungen */
#Menu ul li:hover a{
color : #ffffff;
background: url('MenuHover.png');
}

/* Hauptmenü Visited Einstellungen */
#Menu ul li:visited a{
color : #ffffff;
}

/* Hauptmenü Aktiv  Einstellungen */
#Aktiv {
display : block;
background: url('MenuAktiv.png');
padding : 7px 3px 7px 13px;
font-size : 15px;
text-decoration : none;
color : #FFFFFF;
z-index:4;
}


andir 24.05.2011 23:58

Wir wissen halt nicht, was Du genau wann machen willst.
Wann soll was blau/grün/gelb werden?
Warum setzt Du js ein?
Warum überhaupt ein extra div für ein Aussehen, was sich -in aller Regel- mit dem :hover Zustand regeln ließe?

Kurz: Was willst Du wann erreichen und für welche Funktion?
Gabe es vielleicht nicht eine Alternative mit CSS und HTML-Veschachtelung?

/ bin off :)

alexanderschill 25.05.2011 00:31

ok sry habs wahrscheinlich schlecht erklärt bzw ohne zusammenhang

also ich möchte schwarze buttons haben
wenn ein button aktiviert ist (aktiv)soll er blau sein

wenn man nun auf einen anderen button fährt soll eben diese blaue markierung zum neuen button rüber FAHREN und nicht einfach wechseln

also sich bewegen das will ich mit jquery animations machen

ich hoffe ich konnte jetzt halbwegs klären was ich machen will


Alle Zeitangaben in WEZ +2. Es ist jetzt 17:12 Uhr.

Powered by vBulletin® Version 3.8.11 (Deutsch)
Copyright ©2000 - 2024, vBulletin Solutions, Inc.

© Dirk H. 2003 - 2023