29.07.2010, 15:34
|
|||
|
|||
Aus bestehendem Menu Drop-Down Menu machen
Hallo,
ich habe bereits ein bestehendes Menu, das eine lange Zeit in Anspruch genommen hat, bis es wirklich zu 100% in die Seite passte. Deshalb möchte ich ungern ein komplett neues Menu mit Drop-Down Funktion erstellen, sondern mein bisheriges um diese Funktion erweitern. HTML Code: HTML-Code:
<div class="menu"> <ul> <li><a href="portal.php"><img src="images/navigation/off/portal.png" onmouseover="this.src='images/navigation/on/portal.png'" onmouseout="this.src='images/navigation/off/portal.png'" alt="Portal" /></a> </li> <li><a href="index.php"><img src="images/navigation/off/home.png" onmouseover="this.src='images/navigation/on/home.png'" onmouseout="this.src='images/navigation/off/home.png'" alt="Forum" /></a> </li> <li><a href="showteam.php"><img src="images/navigation/off/team.png" onmouseover="this.src='images/navigation/on/team.png'" onmouseout="this.src='images/navigation/off/team.png'" alt="Team" /></a> </li> <li><a href="http://www.k-cheat.de/chat/index.php?sid=" onclick="javascript:window.open('http://XXXX/chat/index.php?sid=', 'chat_', 'width=800, height=400'); return false;"><img src="images/navigation/off/chat.png" onmouseover="this.src='images/navigation/on/chat.png'" onmouseout="this.src='images/navigation/off/chat.png'" alt="Chat" /></a> </li> <li><a href="search.php"> <img src="images/navigation/off/search.png" onmouseover="this.src='images/navigation/on/search.png'" onmouseout="this.src='images/navigation/off/search.png'" alt="Suche" /></a> </li> <li><a href="#"> <img src="images/navigation/off/settings.png" onmouseover="this.src='images/navigation/on/settings.png'" onmouseout="this.src='images/navigation/off/settings.png'" alt="Settings" /></a> </li> </ul> </div> Code:
.menu ul {
color: #000000;
text-align: right;
padding-top: 23px;
padding-left: 96px;
float: right;
font-weight: bold;
}
.menu ul a:link {
color: #000000;
padding: 1px;
text-decoration: none;
}
.menu ul a:visited {
color: #000000;
padding: 1px;
text-decoration: none;
}
.menu ul {
list-style: none;
margin: 0;
}
.menu li {
display: inline;
padding-left: 5px;
}
Könnt ihr mir sagen, wo ich was hinzufügen muss, damit das Menu ein Drop-Down erhält? Danke! MfG Marius 
|
| Sponsored Links |
|
29.07.2010, 16:58
|
|||
|
|||
|
SELFHTML: Navigationshilfen / Kurzreferenz: HTML > select/option
__________________
Eigeninitiative des Fragenden... ...macht den Unterschied zwischen › jemandem helfen ‹ und › dessen Arbeit machen ‹ » Entwicklung / Programmierung / Datenbanken
|
| Sponsored Links |
|
29.07.2010, 17:33
|
|||
|
|||
|
Nein, ich meine soetwas wie hier zu finden ist: Tips und Tricks
Ich habe bisher nur nicht herausgefunden wo ich was ergänzen muss, damit es funktioniert.
|
|
30.07.2010, 09:01
|
|||
|
|||
|
Dann klick doch mal oben rechts auf den "Code"-Button.
__________________
Eigeninitiative des Fragenden... ...macht den Unterschied zwischen › jemandem helfen ‹ und › dessen Arbeit machen ‹ » Entwicklung / Programmierung / Datenbanken
|
|
30.07.2010, 21:24
|
|||
|
|||
|
Ich habe bereits versucht den Code einzubauen, meine Versuche sind bisher aber immer gescheitert. Deshalb frage ich ja nun auch hier, ob ihr mir sagen könnt WO und WIE ich den Code ergänzen/ändern muss.
Sorry, wenn das missverständlich war.
|
|
31.07.2010, 00:37
|
||||
|
||||
|
Code:
.menu li{
display:inline;
padding-left:5px;
position:relative;
}
.menu ul li ul{
display:none;
position:absolute;
top:20px;
left:0;
padding:0;
}
.menu ul ul li{
display:block;
}
.menu ul li:hover ul{
display:block;
}
HTML-Code:
<li><a href="search.php"> Suche</a> <ul> <li><a href="">a</a></li> <li><a href="">b</a></li> </ul> </li>
|
 |
| Themen-Optionen | |
| Ansicht | |
|
|
Ähnliche Themen
|
||||
| Thema | Autor | Forum | Antworten | Letzter Beitrag |
| Drop Down Menu Positionsproblem | Schky | CSS | 4 | 21.04.2008 13:09 |
| Drop Down Menu: focus Problem | enoo | CSS | 8 | 20.03.2007 17:51 |
| Probleme mit drop down menu | sky-frog | Javascript & Ajax | 2 | 17.10.2006 12:16 |
| Ultimate Drop Down Menu | Lestat | Ressourcen | 7 | 03.08.2005 16:21 |
Linear-Darstellung
