zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Problem mit dem Z-index / der Ebenendarstellung

Antwort
 
LinkBack Themen-Optionen Ansicht
  #11 (permalink)  
Alt 26.06.2010, 09:20
usm usm ist offline
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 24.06.2010
Beiträge: 14
usm befindet sich auf einem aufstrebenden Ast
Standard

Zitat:
Es hat mit Deinen Grafiken zu tun, aber nicht mit denen von a, sondern der 3. ul.
Moin Heiko, also ich habe nun alles Mögliche probiert: neue PNGs, Gifs anstatt PNGs und sogar die PNGs im Photoshop auf 80% Transparenz gestellt und im CSS auf 100% – der Effekt ist immer der gleiche, der obere Menüpunkt wird immer anders dargestellt. Hmmm ...

Zitat:
Zitat von usm
Wenn ich nun vom Sub-Menü in ein Sub-Sub-Menü gehe - wie kriege ich das hin, dass das Listenelement im Sub-Menü auf a:hover bleibt
Zitat:
Über li:hover
Wie sähe denn das komplette Element/die komplette Anweisung aus? Muss ich nicht über .menu ul ul a:hover gehen?
Gruß ... Uwe

HTML-Code:
@charset "UTF-8";
/* CSS Document */

div#Rahmen {
	float: left;
	height: 75px;
	width: 707px;
	margin-top: 50px;
}

* html div#Rahmen {  /* Korrektur fuer IE 5.x */
	width: 48.7em;
	w\idth: 47.1em;
}

div#Rahmen div {
	clear: left;
}

#abschluss {
	background-image: url(images/abschlussrund.png);
	float: left;
	height: 75px;
	width: 17px;
	background-repeat: no-repeat;
}

/* ********************************************************* Menü ***************************************************************/
  
  .menu { /* Anker für das gesamte Menü */
	position:relative;
	margin: 0;
	padding: 0;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 9pt;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	line-height: 23px;
	text-align: center;
}

.menu li { /* Haupt-Menüelemente */
	list-style: none;
	float: left;  /* ohne width - nach CSS 2.1 erlaubt */
	position: relative;
}

.menu li ul { /* Untermenü */
	margin: 0;
	padding: 0;
	position: absolute;
	top: 24px;
	display: none;  /* Unternavigation ausblenden */
}

.menu li:hover ul {
	display: block;  /* Unternavigation in modernen Browsern einblenden */
}

.menu a, .menu span {
	display: block;
	position:relative;
	background-image: url(images/buttonNEU_dunkel.png); /*buttons für Standard-Leistenelemente außer "Aktuell" */
	width: 115px;  /* Breite den in li enthaltenen Elementen zuweisen */
	height: 24px;
	text-decoration: none;
	font-weight: lighter;
	color: white;
	background-color: inherit;
}

.menu ul {
	position:absolute;
	z-index:50;
}

.menu ul a { /* Design der Submenü-Liste */
	background-image: url(images/sub_images/sub_dunkel.gif);
	filter: alpha(opacity=100);
	opacity:1.0;
	text-align:left;
	padding-left: 20px;
	height: 27px;
	width: 95px;
	line-height: 28px;
	background-repeat: no-repeat;
}

.menu ul ul {
	position:absolute;
	top:0px;
	background-image: url(images/sub_images/sub_dunkel.gif);
	background-repeat:no-repeat;
	width:115px;
	margin-left:100px;
	margin-top:3px;
	z-index:100;
}

.menu ul ul a {
	display:none;
	filter: alpha(opacity=100);
	opacity:1.0;
}

.menu ul a:hover {
	background-image: url(images/sub_images/sub_mittel.gif);
	text-align:left;
	padding-left: 10px;
	height: 27px;
	width: 105px;
	line-height: 28px;
	background-repeat: no-repeat;
}

.menu ul a:active {
	background-image: url(images/sub_images/sub_hell.gif);
	text-align:left;
	padding-left: 10px;
	height: 27px;
	width: 105px;
	line-height: 28px;
	background-repeat: no-repeat;
}

.menu a:hover, .menu span, li a#aktuell {
	background-image:url(images/buttonNEU_mittel.png); /* bild bei allen a:hover */
	border-color: white;
	border-left-color: black;
	border-top-color: black;
	color: white;
	background-color: gray;
}

.menu a:active, .menu span, li a#aktuell {
	background-image: url(images/buttonNEU_down.png); /* alle down-Buttons */
	border-color: white;
	border-left-color: black;
	border-top-color: black;
	color: white;
}

/*******************************************************************************/
   .menu ul :hover ul a {
	display: block;  /* Sub-Submenü in modernen Browsern einblenden */
	z-index:100;
}

/******************************************************************************/

  
  	.menu ul ul a:hover {
	background-image: url(images/sub_images/sub_mittel.gif);
	background-repeat:no-repeat;
}

.menu li ul ul a:active {
	background-image: url(images/sub_images/sub_hell.gif);
	background-repeat:no-repeat;
}

li a#aktuell {  /* aktuelle Rubrik kennzeichnen */
	background-image: url(images/buttonNEU_hell.png); /*aktuell-Button */
	color: white;
	background-color: inherit;
}

.menu li ul span {  /* aktuelle Unterseite kennzeichnen */
	background-image: url(images/sub_images/sub_mittel.gif);
	position:absolute;
	text-align:left;
	padding-left: 20px;
	height: 27px;
	width: 95px;
	line-height: 28px;
	background-repeat: no-repeat;
}

.menu .sub_unten a {
	background-image: url(images/sub_images/subunten_dunkel.gif);
}

.menu .sub_unten a:hover {
	background-image: url(images/sub_images/subunten_mittel.gif);
}

.menu .sub_unten a:active {
	background-image: url(images/sub_images/subunten_hell.gif);
}

.menu .space a {
	background-image: url(images/sub_images/sub_dunkel.gif);
	height:7px;
}

.menu .space a:hover {
	background-image: url(images/sub_images/sub_dunkel.gif);
	height:7px;
}

.menu .space a:active {
	background-image: url(images/sub_images/sub_dunkel.gif);
	height:7px;
}

.menu .sub_oben a {
	background-image: url(images/sub_images/suboben_dunkel.gif);
}

.menu .sub_oben a:hover {
	background-image: url(images/sub_images/suboben_mittel.gif);
}

.menu .sub_oben a:active {
	background-image: url(images/sub_images/suboben_hell.gif);
}
Mit Zitat antworten
Sponsored Links
  #12 (permalink)  
Alt 26.06.2010, 10:48
Benutzerbild von heiko_rs
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 18.09.2005
Ort: Berlin
Beiträge: 9.858
heiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblick
Standard

Zitat:
Zitat von usm Beitrag anzeigen
der Effekt ist immer der gleiche, der obere Menüpunkt wird immer anders dargestellt.
Ich hatte gedacht, Dir geht ein Licht auf, wenn ich erwähne, dass ul eine Grafik hat, denn genau das ist das Problem.

Zitat:
Zitat von usm Beitrag anzeigen
Muss ich nicht über .menu ul ul a:hover gehen?
Nein, wie gesagt über li:hover. Das muss als Hinweis reichen, auf den Rest musst Du jetzt selber kommen.
__________________
Wer keinen Link auf seine problembehaftete Seite posten kann, weil diese noch nicht online ist: Testcase bauen, online stellen, Link posten.
Internet-Grundregel: Unbekannte Begriffe googeln! (Erspart 99% aller Nachfragen.)
Mit Zitat antworten
Sponsored Links
  #13 (permalink)  
Alt 29.06.2010, 10:56
usm usm ist offline
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 24.06.2010
Beiträge: 14
usm befindet sich auf einem aufstrebenden Ast
Standard

Ok, hat etwas gedauert, aber jetzt habe ich’s. Super! Noch mal vielen Dank für deine Hilfe! Gruß ... Uwe
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
Problem mit dem Browserabstand Phöney CSS 2 05.04.2008 16:18
Problem mit dem IE7 uspri CSS 11 16.12.2006 18:07
Problem: Ein Div wächst mit dem Inhalt nicht mit (Firefox!). pager CSS 2 30.03.2006 20:03
Problem mit dem einbinden von Flash Lockhead883 (X)HTML 0 01.03.2006 07:09
problem mit dem ie beim anzeigen von infoboxen /alternative Mythic CSS 2 01.02.2006 10:36


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