zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden CSS drop down menu ul li komme nicht weiter.

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 25.10.2012, 14:53
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 21.01.2012
Beiträge: 13
boogy befindet sich auf einem aufstrebenden Ast
Standard CSS drop down menu ul li komme nicht weiter.

Hallo an alle,
ich bitte euch um Hilfe.


Ich habe mir mit hilfe von tuts und free css dateien mir eine horizontale drop down menu gebastelt.

Ich möchte dieses dann für joomla einstzen.
So weit so gut aber ich bekomme die untermenu nicht angezeigt und angeordnet.

Ich weiss nicht wie und wo ich bei mir die ul li ul li u.s.w setzen muss.

das ist mein css:

.menu_top {
float: left;
width: 940px;
height: 51px;
Background: url(../images/navibg.png);
background-repeat: no-repeat;
margin-top: 12px;
color: #000;
}
ul.menu_top {
list-style-type: none;
margin: 0px 0px 0px 50px;

}
ul.menu_top li {
background: url("../images/linie.jpg") no-repeat scroll left center transparent;
float: left;
height:45px;
-webkit-transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
-o-transition: all .5s ease-in-out;
-ms-transition: all .5s ease-in-out;
transition: all .5s ease-in-out;

}
ul.menu_top a:link, ul.menu_top li a:visited {
background: url("../images/linie.jpg") no-repeat scroll left center transparent;
padding: 16px 20px 0px 20px;
font-size: 1.2em;
float: left;
list-style: none;
text-decoration: none;
height:33px;
margin-top:1px;
color:#000;
-webkit-transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
-o-transition: all .5s ease-in-out;
-ms-transition: all .5s ease-in-out;
transition: all .5s ease-in-out;
}
ul.menu_top li a:hover, ul.menu_top li a:active, ul.menu_top li a:focus {
background: url("../images/linie.jpg") no-repeat scroll left center transparent;
background-color:#D20303;
color: #fff;
-webkit-transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
-o-transition: all .5s ease-in-out;
-ms-transition: all .5s ease-in-out;
transition: all .5s ease-in-out;
text-decoration: none;
opacity:0.9;
}
ul.menu_top li.active a:link, ul.menu_top li.active a:visited {
background: url("../images/linie.jpg") no-repeat scroll left top transparent;
background-color: #D20303;
color: #fff;
list-style: none;
text-decoration: none;
-webkit-transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
-o-transition: all .5s ease-in-out;
-ms-transition: all .5s ease-in-out;
transition: all .5s ease-in-out;

}


jetzt ist die frage wo muss wie was reinsetzen damit ich beim hover eine untermenu bekomme ?

Ich habe viel gelesen seit gestern versuche ichs schon alle möglichkeiten getestet bin jetztz erschöpft habe mehrere free menus getestet und versucht bei mir reinzusetzen aber irgendwas mache ich immer falsch.

habe den quelltext angeschuat von anderen aber bei denen gibt es mehrere klassen oder divs ich möchte gerne mein eigenes verwenden aber wie soll das bei mir gehen ?

habe versucht erst mit ul am anfang dann an schluss li am anfang und am schluss u.s.w dann habe ich ul ul lili sogar ul li ul li ul li li ul ul u.s.w ich check das nicht mehr durch.

Danke an Euch allen

lg

Geändert von boogy (25.10.2012 um 15:02 Uhr)
Mit Zitat antworten
Sponsored Links
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
CSS Drop Down Menü gachet CSS 9 08.11.2009 18:36
CSS navigations problem domi1984 CSS 10 07.12.2007 13:59
css menu funktioniert nicht Omid CSS 2 05.06.2007 06:55
CSS Tips & Tricks Webnauts Ressourcen 0 25.08.2006 23:04
Ultimate Drop Down Menu Lestat Ressourcen 7 03.08.2005 16:21


Alle Zeitangaben in WEZ +2. Es ist jetzt 14:50 Uhr.