<li>

Hallo

Hast du auch einen Link zu der Seite?

Deinen Quellcodeschnipseln ist leider wenig zu entnehmen. Außer dass sie aller Wahrscheinlichkeit nach fehlerhaft sind.

Navigationen können zwar als Liste erstellt werden, das ist und war aber nie "vorgeschrieben". Wenn du trotzdem eine Liste verwenden willst steht dir das natürlich frei.

Wenn die sechs Links nebeneinander stehen sollen kann zum Beispiel folgendes HTML verwendet werden:

<nav>
      <a href="">Startseite</a>
      <a href="">Unterseite 1</a>
      <a href="">Unterseite 2</a>
      <a href="">Obermenü</a>
      <a href="">Unterseite 1</a>
      <a href="">Unterseite 2</a>
   </nav>

und die Anordnung dann mittels Flexbox, also zum Beispiel

nav {
         display: flex;
      }

Gruss

MrMurphy

Zitat von almenger

Hallo Zusammen,

könntet ihr mir vielleich weiterhelfen?

Habe das Problem das sich mein Menü entsprechend so darstellt:

Code

<li><a href="">Startseite</a>
  <ul>Unterseite1</ul>
  <ul>Unterseite2</ul>
</li>
<li><a href="">Obermenü2</a>
  <ul>Unterseite1</ul>
  <ul>Unterseite2</ul>
</li>

Nun wird aber alles untereinanter dargestellt, sprich:

Startseite
- Unterseite 1
- Unterseite 2
Obermenü
- Unterseite 1
- Unterseite 2

Kann ich dieses auch mit Css verwandeln, sodass es nebeneinander dargestellt wird?

Alles anzeigen

die Struktur der Liste ist einfach falsch.
das UL Element liegt um das LI element und nicht umgekehrt.

Anschließend kann man mit einer CSS Regel LI als "inline-block" setzen, dann werden die Listenpunkte nebeneinander dargestellt.

HTML korrekt:

<ul>
  <li><a href="">Startseite</a>
  <ul>
<li>Unterseite1</li>
  <li>Unterseite2</li>
</ul>
  </li>
<li><a href="">Obermenü2</a>
  <ul>
  <li>Unterseite1</li>
  <li>Unterseite2</li>
 </ul>
</li>
</ul>