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

Kleine frage zu Menu classen Benennung

dani33

Neues Mitglied
Hab eine frage an euch würdet ihr diese Strucktur verstehen?, sowie die Css classen Benennung?
Oder würdet ihr ne leichter classen Aufteilung wollen?
Hab ihr vllt Vorschläge?

HTML:
<nav class="nav" role="navigation">
    <ul>
      <li><a class="nav--main" href="">Home</a>
      <li><a class="nav--main" href="">Dropdown</a> <a href="#" class="nav--toggle"><span></span></a>
        <ul class="nav--small">
          <li><a class="nav__sub" href="">1 Link</a></li>
          <li><a class="nav__subsub" href="">2 Dropdown</a> <a href="#" class="nav__toggle--right"><span></span></a>
            <ul class="nav--small">
              <li><a href="" class="nav__sub">2 Link</a></li>
              <li><a class="nav__subsub" href="">3 Dropdown</a> <a href="#" class="nav__toggle--right"><span></span></a>
                <ul class="nav--small">
                  <li><a href="" class="nav__sub">3 Link</a></li>
                  <li><a class="nav__subsub" href="">4 Dropdown</a> <a href="#" class="nav__toggle--right"><span></span></a>
                    <ul>
                      <li><a class="nav__sub" href="">4 Link</a></li>
                      <li><a class="nav__subsub" href="">4 Link</a></li>
                    </ul>
                  </li>
                </ul>
              </li>
            </ul>
          </li>
        </ul>
      </li>
      <li><a class="nav--main" href="#">Div Dropdown</a>
        <div class="nav--big">
          <div class="FixedSpan3">da</div>
          <div class="FixedSpan4">da</div>
        </div>
      </li>
      <li>
        <input type="search" placeholder="search" />
      </li>
      <li class="right"><a class="nav--main" href="">Link 2</a>
        <ul class="nav--right nav--big">
          <li><a href="" class="nav__sub">dsadasd</a></li>
          <li><a href="" class="nav__sub">dsadasd</a></li>
        </ul>
      </li>
      <li class="right"><a href="" class="nav--main" href="">Link 1</a></li>
    </ul>
  </nav>
</section>
 
Zuletzt bearbeitet von einem Moderator:
Hallo,

das ist aber kein code aus/für ein normales CMS wa?

meinst nicht das es leicht übertrieben hast?
wieviel ansatzpunkte für css brauchst denn?
reicht nicht eins <nav> und dann vielleicht noch maximal für die ul´s für die ebene?

Wenn aber css gepastelt hat und alles passt ist doch wurst :O)

Cheffchen
 
ne
vllt ;)
wenn ich es will mit 4 classen komm ich gut aus vllt sogar weniger :), nur denk ich das es dann nicht mehr so flexibel ist wie jetzt
Die navi funktioniert bis zur 4ten ebene nur die frage ist...

Ich programmiere ein Css3 framework und will wissen was den einfacher ist.
Wenn die classen schon vorhanden sind oder man es später per hand neue dazu tut...
 
Zurück
Oben