DringendNavigation mit CSS und ohne Scripts

Status
Nicht offen für weitere Antworten.
V

VBFreak

Mitglied
Dringend: Navigation mit CSS und ohne Scripts

Hallo,


ich muss fuer meine Firma eine multi-level (3 oder mehr Ebenen)
Webseiten-Navigation erstellen.
Zur Auswahl fuer die Umsetzung habe ich folgende Techniken:

HTML
CSS
XML
PHP 4 (nur im Notfall)

Ich darf nix anderes verwenden :( Also auch kein JavaScript

Koennt ihr mir helfen ?

Hab null Ahnung von CSS, XML oder PHP
 
Zuletzt bearbeitet:
Was versteht denn deine Firma unter
multi-level (3 oder mehr Ebenen)
Webseiten-Navigation
Zum Vergrößern anklicken....
....auf's erste fielen mir da, wenn Javascript nicht erlaubt ist, verschachtelte <ul> ein.... was das nun mit CSS zu tun haben soll, wüsst ich allerdings nicht....CSS ist zum gestalten da...es gibt nix aus.
 
Uff, falls du damit ein "PopUp" Menü meinst: Lass es lieber bleiben.

Hier ein Ansatz, ist aber nicht wirklich ernsthaft verwendbar: Viel zu vile Aufwand,
schlechter Stil und afair kennt der IE das CSS :hover nicht (bei nicht-Links).
Code: 
<html>
  <head>
    <style type="text/css">

    body {
      font-size: 14px;
    }

    div.Sub1 {
      top: 8px;
    }

    div.Sub2 {
      top: 25px;
    }

    p.SubSub1 {
      top: 0px;
    }

    p.SubSub2 {
      top: 17px;
    }

    p.SubSub3 {
      top: 0;
    }

    p.SubSub4 {
      top: 17px;
    }

    span.Level1 {
      display: block;
      width: 70px;
    }

    span.Level1 div {
      position: absolute;
      display: none;
    }

    span.Level1:hover div{
      position: absolute;
      left: 70px;
      display: block;
    }

    span.Level2 {
      display: block;
      width: 85px;
    }

    span.Level2 p {
      position: absolute;
      left: 85px;
      margin: 0px;
      padding: 0px;
      display: none;
    }

    span.Level2:hover p {
      display: block;
    }

    </style>
  </head>
  <body>
    <span class="Level1">
      Item 1
      <div class="Sub1">
        <span class="Level2">Item 1.1
          <p class="SubSub1">

            <a href="item1.html">item 1.1.1</a>
            <br />
            <a href="item2.html">Item 1.1.2</a>
          </p>
        </span>
        <span class="Level2">Item 1.2
          <p class="SubSub2">
            <a href="item3.html">item 1.2.1</a>

            <br />
            <a href="item4.html">item 1.2.2</a>
            <br />
            <a href="item5.html">item 1.2.3</a>
          </p>
        </span>
      </div>
    </span>

    <span class="Level1">
      Item 2
      <div class="Sub2">
        <span class="Level2">Item 2.1
          <p class="SubSub3">
            <a href="item6.html">item 2.1.1</a>
            <br />
            <a href="item7.html">Item 2.1.2</a>
          </p>

        </span>
        <span class="Level2">Item 2.2
          <p class="SubSub4">
            <a href="item8.html">item 2.2.1</a>
            <br />
            <a href="item9.html">item 2.2.2</a>
          </p>
        </span>

      </div>
    </span>
  </body>
</html>
Also wie gesagt, falls du so ein Menü meinst: Sag deinem Chef, dass soetwas nicht
realisierbar ist.

Oder es meldet sich jemand mit einer Lösung :p
 
Die Navigation sollte, wenn möglich mit CSS realisiert werden, da folgendes möglich ist:
  • Gestaltungen der Navigation
  • Hover-Effekte
(keine Ahnung wie das bei verschachtelten Elementen gehen soll )

PS: Danke für den Code, werde ihn ausprobieren
 
Du hast bist jetzt immer noch nicht geschrieben, was du eigentlich genau willst.
 
Also:

Mit "multi-level Webseitennavigation" meint mein Chef eine PopUp-Menü-Navigation (schöne Umschreibung, nicht:-)).

3 Ebenen bedeudet, dass soll eine Navigation mit mindestens:
- Haupmenü,
- optionalem Untermenü und
- optionalem Untermenüpunkt

erstellt werden. Das Aufklappen der Untermenü(-punkte) soll wegen Sicherheitsbeschränkungen aber ohne JavaScript funktionieren.

Ich darf folgende Technologien verwenden ( von denen ich kaum Ahnung hab)

- CSS
- XML / XLS(T)
- PHP (nur im Notfall)

Reicht das als Beschreibung?
 
Zum Einen:
Das Aufklappen der Untermenü(-punkte) soll wegen Sicherheitsbeschränkungen aber ohne JavaScript funktionieren.
Zum Vergrößern anklicken....
....Das Aufklappen der Untermenü(-punkte) wird ohne JavaScript überhaupt nicht funktionieren, wenn es auch im IE laufen soll.

Ansonsten:
Ich darf folgende Technologien verwenden ( von denen ich kaum Ahnung hab)

- CSS
- XML / XLS(T)
- PHP (nur im Notfall)
Zum Vergrößern anklicken....
.....wie wärs, wenn du dich dann erstmal mit den Techniken beschäftigst,...oder dein Chef die eine Weiterbildung in diesen Techniken spendiert,...oder damit jemanden beauftragt, welcher sich damit bereits auskennt....dein Chef verlangt von dir schliesslich auch nicht, dass du mal schnell nen Auto bauen sollst(es seih den, du bist KFZ-Schlosser:-))

Alles andere läuft darauf hinaus, dass ihr euch die Arbeit von uns hier machen lassen wollt.... und darauf wird, schon garnicht für kommerzielle Zwecke,...kaum jemand Lust haben.
 
Zuletzt bearbeitet:
Status
Nicht offen für weitere Antworten.

Neue Beiträge

Zurück