• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Umbruch in Menüleiste verhindern

  • Ersteller Ersteller Danny92
  • Erstellt am Erstellt am
D

Danny92

Guest
Hallo liebe Programmierfans,

ich bitte höflichst um eure Hilfe bei meinem folgenden Problem:

Ich möchte eine horizontale Menüleiste erstellen, die u. a. auch ein Untermenü beinhaltet. Direkt nach dem ersten Untermenü werden jedoch die restlichen Hauptmenüpunkte, die danach folgen, in die nächste Zeile verschoben. Die Hauptmenüpunkte sollen aber in einer Zeile bleiben. Wer weiß wo der Fehler liegt?

Hier der Code inkl. CSS:

Code:
[/B]
<style type="text/css">

  body {font-family: Verdana, Arial, sans-serif;}
  #menu a {text-decoration:none;}
  #menu .main {display:inline;
              }

  #menu li {list-style-type:none;}


</style>
</head>
<body>


<div id="menu">
  <ul>
    <li class="main"><a href="#">Startseite</a></li>
    <li class="main"><a href="#">Luftrecht</a></li>
    <li class="main"><a href="#">Navigation</a></li>
    <li>  <div>
      <ul>
        <li>
          <a href="#">Grundlagen</a>
          <a href="#">Karten für die Luftfahrt</a>
        </li>
      </ul>   </div>
    </li>
    <li class="main"><a href="#">Meteorologie</a></li>
  </ul>
</div>[B]

Im Vorraus schon mal vielen Dank für eure hilfreichen Antworten auf diesen womöglich banalen Fehler!

Gruß
 
Dein erster Fehler ist, dass Du das Topic im falschen Bereich geöffnet hast. Deine Frage handelt von Gestaltung, also CSS. Habe es daher an die richtige Stelle geschoben.

Dein zweiter Fehler ist, dass Du die Elemente alle static positionierst, dies aber eigentlich nicht willst. Das ausklappende Menü musst Du absolut positionieren, wahlweise innerhalb des <li> oder des allumfassenden <ul>. Beispiele dafür findest Du z.B. hier:
How To Create a Pure CSS Dropdown Menu
Stu Nicholls | CSSplay | A css only dropdown menu
CSS-Tutorial: Aufklappmenü (Drop-Down Menü) | www.silent-fran.de
und in verschiedenen Forenbeiträgen hier wo es um die selbe Frage ging ;)
 
Zurück
Oben