✔ Navigation - wie

Status
Nicht offen für weitere Antworten.
Stimmt, diesen Aspekt sollte man nicht vernachlässigen, denn bei deaktiviertem JS funktioniert das Menü nicht mehr, und die im Submenü verlinkten Seiten sind dann nicht mehr erreichbar.
 
Hi,
Muß noch mal fragen,kann man das Menü so gestalten das es so ähnlich wie dieses funktioniert?
Code: 
#naviliste
{
list-style-type: none;
background-color: #FFFFCC;
margin-left: 0px;
}

#active:hover li { display: block; }
#active li { display: none; }

#navi
{
width: 180px;
background-color: #FFFFCC;
border: 1px gray solid;
}

#navi a
{
color: #666666;
background-color:  #FFFFCC;
width: 120px;
display: compact;
}

#navi a:visited
{
color: #0000CC;
background-color:  #FFFFCC;
}

#navi a:active
{
color: #FFFFFF;
background-color: #666666;
}

#navi a:hover
{
color: #FFFFFF;
background-color: #999999;
}

HTML: 
<body>
<div id="navi">
  <ul id="naviliste">
    <li id="active"><a href="#" id="current">Navigation 1</a>
      <ul id="subnavlist">
        <li id="subactive"><a href="#" id="subcurrent">Untermen&uuml; </a></li>
        <li><a href="#">Untermen&uuml; </a></li>
        <li><a href="#">Untermen&uuml; </a></li>
        <li><a href="#">Untermen&uuml; </a></li>
      </ul>
    </li>
    <li id="active"><a href="#" id="current">Navigation 2</a>
      <ul id="subnavlist">
        <li id="subactive"><a href="#" id="subcurrent">Untermen&uuml; </a></li>
        <li><a href="#">Untermen&uuml;</a></li>
        <li><a href="#">Untermen&uuml;</a></li>
        <li><a href="#">Untermen&uuml;</a></li>
      </ul>
    </li>
    <li id="active"><a href="#" id="current">Navigation 3</a>
      <ul id="subnavlist">
        <li id="subactive"><a href="#" id="subcurrent">Untermen&uuml; </a></li>
        <li><a href="#">Untermen&uuml;</a></li>
        <li><a href="#">Untermen&uuml;</a></li>
        <li><a href="#">Untermen&uuml;</a></li>
      </ul>
    </li>
    <li id="active"><a href="#" id="current">Navigation 4</a>
      <ul id="subnavlist">
        <li id="subactive"><a href="#" id="subcurrent">Untermen&uuml;</a></li>
        <li><a href="#">Untermen&uuml; </a></li>
        <li><a href="#">Untermen&uuml; </a></li>
        <li><a href="#">Untermen&uuml; </a></li>
      </ul>
    </li>
  </ul>
</div>
</body>

Gruß Rico
 
Und wieso nimmst du nicht dieses Menü und gestaltest einfach sein Erscheinungsbild um?

Ich möchte dich aber noch darauf hinweisen, dass eine ID in einem Dokument eindeutig sein muss, d.h. sie darf darin nur einmal vergeben werden.
 
Hallo,
ich habe das Menü ausprobiert, in Firefox läuft es prima, allerdings im IE6 klappt überhaupt nichts auf!
Kann mir jemand sagen, wie ich das ändern kann?
 
Status
Nicht offen für weitere Antworten.

Neue Beiträge

Zurück