• 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?

  • 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:

    Code
    <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

    Code
    nav {
             display: flex;
          }

    Gruss

    MrMurphy

  • 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:

    Infos über Joomla, Webdesign und Co bei sketch.media