zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Probleme mit z-index

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 24.05.2011, 22:00
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 24.05.2011
Beiträge: 7
alexanderschill befindet sich auf einem aufstrebenden Ast
Standard 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>
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?
Angehängte Grafiken
Dateityp: jpg test.jpg (13,8 KB, 7x aufgerufen)
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 24.05.2011, 22:27
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 28.01.2005
Beiträge: 11.775
fricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz sein
Standard

Ein HTML-Schnipsel ist nutzlos, wenn du über Darstellungsprobleme reden willst.
Bitte lies und beachte die Hinweise für Fragende.
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 24.05.2011, 23:12
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 24.05.2011
Beiträge: 7
alexanderschill befindet sich auf einem aufstrebenden Ast
Standard

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;
}
Mit Zitat antworten
  #4 (permalink)  
Alt 24.05.2011, 23:58
{ display: random;}
XHTMLforum-Kenner
 
Registriert seit: 08.09.2004
Ort: Stuttgart
Beiträge: 5.034
andir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblick
Standard

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
Mit Zitat antworten
  #5 (permalink)  
Alt 25.05.2011, 00:31
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 24.05.2011
Beiträge: 7
alexanderschill befindet sich auf einem aufstrebenden Ast
Standard

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
Mit Zitat antworten
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ä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


Alle Zeitangaben in WEZ +2. Es ist jetzt 20:05 Uhr.