zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Menü hover aktivieren

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 15.08.2013, 13:08
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 15.08.2013
Beiträge: 2
mehmedim befindet sich auf einem aufstrebenden Ast
Standard Menü hover aktivieren

Hallo Zusammen,

ich habe nicht geschafft deshalb brauche ich eure Hilfe.
Ich habe 2 Level Menü.

Wenn ich auch mit Maus per hover auf submenü gehe soll der Link auf ebene 1 auch mit aktiviert sein, das heißt die beiden Link sollen gleiche Farbe und Hintergrundfarbe bekommen.

Ich bin für eure Hilfe sehr Dankbar.


<div class="level2">
<ul id="nav">
<li style="padding-left:222px; width: 227px;"><a href="#" class="menu" id="mmenu1" onmouseover="mopen(1);" onmouseout="mclosetime();">Menü</a>

<div class="submenu" style=" width: 226px;" id="menu1" onmouseover="mcancelclosetime()" onmouseout="mclosetime();">
<a href="#">Sub Menü 1</a>
<a href="#">Sub Menü 2</a>

</li>


</ul>

</div>

/* Menü Level 2*/
.menu-top .level2 {
background-image: url("images/nav-bg.jpg");
height: 20px;
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
margin-top: 0;
padding-bottom: 0;
padding-left: 0;
padding-right: 0;
padding-top: 0;
clear:both;
}
.menu-top .level2 ul {
clear: both;
font-family: inherit;
font-size: 13px;
margin:0;
padding: 0;
text-transform: uppercase;


}
.menu-top .level2 ul li {
float: left;
list-style-image: none;
list-style-position: outside;
list-style-type: none;
margin: 0;
padding: 0;
}
.menu-top .level2 ul .li1 {
float: left;
list-style-image: none;
list-style-position: outside;
list-style-type: none;
padding-left: 205px;
width: 230px;
}
.menu-top .level2 ul .li2 {
float: left;
list-style-image: none;
list-style-position: outside;
list-style-type: none;
padding-left: 30px;
width: 200px;
}
.menu-top .level2 ul .li3 {
float: left;
list-style-image: none;
list-style-position: outside;
list-style-type: none;
padding-left: 40px;
width: 150px;
}
.menu-top .level2 ul li a {
color: #000;
font-size: 12px;
font-weight: bold;
}
.menu-top .level2 ul li a:hover {
color: #987028;
background: #fff;
}

#nav li { list-style: none; float: left; height:20px;}
#nav li a.menu { display: block; text-align: center; height:16px; color: #FFF; text-decoration: none; padding-top:4px;}


#nav li a.menu:hover , .menu-top .level2 ul li a:hover { background: #fff; color:#997027}
.submenu { border:1px solid #fff; background-color:#d7c09b ; border-bottom: 0px solid #fff; visibility: hidden; position: absolute; z-index: 5; }
.submenu a { display: block; font: 16px arial; text-align: left; text-decoration: none; color: #000; background-color: #e7d7bf; padding: 2px 10px; text-align: left; text-transform: none; border-bottom:1px solid #fff;}
.submenu a:hover { background: #fff; color:#987028 }
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 15.08.2013, 13:22
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 15.08.2013
Beiträge: 2
mehmedim befindet sich auf einem aufstrebenden Ast
Standard

das Problem habe ich gelöst.
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 17.08.2013, 04:05
Erfahrener Benutzer
XHTMLforum-Mitglied
 
Registriert seit: 17.08.2013
Beiträge: 242
mymaksimus befindet sich auf einem aufstrebenden Ast
Standard

Und wie bitte?
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
Fertiges Drop-Down Menü ins Layout einfügen VoB CSS 6 15.03.2011 17:14
Darstellungsproblem flohpapa CSS 3 16.12.2009 09:55
Problem mit CSS Menü SMundt CSS 9 07.01.2009 20:12
Darstellungsproblem CSS Navigation im IE7 pcklinik CSS 7 09.09.2007 18:25
CSS Einsteiger bittet um Hilfe pcklinik CSS 0 06.09.2007 15:40


Alle Zeitangaben in WEZ +2. Es ist jetzt 15:34 Uhr.