|
|||
Kleines Problem beim Dropdown-Menü in .css-Datei
Hallo Leute,
ich habe folgendes Problem, und zwar geht's um folgende Navigation: Html-Code: HTML-Code:
<head> <meta content="text/html; charset=utf-8" http-equiv="Content-Type" /> <title>Test</title> <style type="text/css"> .style1 { text-align: center; } .style2 { font-size: 16pt; } </style> <link href="Ohne_Titel_1.css" rel="stylesheet" type="text/css" /> </head> <body> <p class="style1"> </p> <div class="menu" style="left: 0px; top: 0px; width: 100%"><ul> <body> <div class="menu"> <ul class="menu"> <li><img alt="" height="24" src="../Buttons/Rohling.jpg" width="120" /><ul> <li><a class="menu"href="1.html" style="font-size:13pt;"><center>Link1</center></a> </li> <li><a class="menu"href="1.html" style="font-size: 13PT;"><center>Link2</center></a> </li> <li><a class="menu"href="1.html" style="font-size: 13PT;"><center>Link 3</center></a> <li><a class="menu"href="1.html" style="font-size: 13PT;"><center>Link4</center></a> </li> </li> </ul> Code:
div.menu{ width: 100%; position: relative; background-color: #FFDB00; height: 20px; } ul.menu { position: relative; padding: 0px; margin: 0px; list-style-type: none; color: #FFDB00; float: left; } ul.menu ul { position: absolute; list-style-type: none; margin: 0px; display: none; background-color: #FFFFFF; } ul.menu ul ul { position:absolute; display:none; margin-top:0px; margin-left:-40px; } ul.menu:hover ul { display:block; } ul.menu:hover ul ul { display:none; } ul.menu ul li:hover ul { display:block; } a.menu { background-color: #FFDB00; display: table; width: 175px; padding-left: -100px; text-decoration: none; color: #000000; font-family: arial; font-size: 10px; border-bottom: solid 1px black; border-right: solid 1px #000099; margin-bottom: -1px; } a.menu:hover { background-color: #C0C0C0; color: #000000; } ul.menu ul { position:absolute; list-style-type:none; margin: 0px; display:none; z-index:1; } ul.menu ul ul { position:absolute; display:none; margin-top:-20px; margin-left:-500px; z-index:-1; } Der Hintergrund, der hinter den Buttons kommen soll sollte dableiben, weil rechts und links der Rand nicht komplett ausgenutzt werden soll. Nun zum Dropdown-Menü: Wie kriege ich es hin, das das Menü genau unter dem Button ist, so dass dieser linksbündig. Ich habe schon die .css-Datei auseinander genommen aber nichts hat so richtig funktioniert. Eine kleine beiläufige Frage noch: Wenn ich das hochlade, kommt bei mir folgendes Zeichen noch und ich weiß nicht, wie ich es weg bekomme *g  Viele Grüße |
Sponsored Links |
|
|||
Das mit dem Zeichen  liegt an einer falsch kodierten Datei. Versuch das Ganze mal in UTF-8 (Unicode) abzuspeichern. Wenn du ein professionelles Werkzeug dazu brauchst, google mal nach "Notepad++" (ist kostenlos).
Geändert von renet (09.05.2010 um 20:51 Uhr) |
Sponsored Links |
Stichwörter |
dropdown |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
Dropdown Menü Problem | dannN | CSS | 0 | 18.02.2010 17:31 |
Darstellungsproblem | flohpapa | CSS | 3 | 16.12.2009 09:55 |
DropDown Menü verschwindet | andre-ne | CSS | 2 | 18.11.2009 11:44 |
Ueber PullDown Menue Datei oeffnen | chrism | Javascript & Ajax | 6 | 27.01.2007 00:42 |
Das Menü und mein Problem | Sven | CSS | 1 | 13.03.2005 03:07 |