|
|||
Probleme mit z-index
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> also blauer button über dem schwarzer button und blauer button unter der schrift(projekte etc) vlt mit z-index? |
Sponsored Links |
|
|||
Ein HTML-Schnipsel ist nutzlos, wenn du über Darstellungsprobleme reden willst.
Bitte lies und beachte die Hinweise für Fragende.
__________________
Corina Rudel Online-Einsteigerkurs HTML/CSS | Buch: Fortgeschrittene CSS-Techniken |
Sponsored Links |
|
|||
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; } |
|
|||
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
__________________
Grüsse Andreas- auch mal wieder da... Design isn't about the tools, it's about creating the best experience for the user. A design should be based on usability, accesibility, aesthetics, but never on floats, lists or background images. ( by Cameron Adams) Wiedergelesen: > hier und hier [Foren-Links] Dein Post? Klar, DAS vorher gelesen? Hilft. ## User-Landkarte |
|
|||
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 |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
paar Probleme mit dem CSS Layout | SimonK. | CSS | 6 | 05.10.2008 15:57 |
Probleme mit dem Border im IE6 | bullseye | CSS | 9 | 30.10.2007 17:21 |
IE: Probleme mit ul-Menü | Ares | CSS | 4 | 18.10.2006 12:42 |