Submenü

[schwarzer_prinz]

Hallo,

ich wäre sehr dankbar, wenn man mir bei folgender Frage weiterhelfen könnte.

Derzeit kommt in punkto Navigation eine simple vertikale Menüleiste zum Einsatz. Nun müsste bei zwei der 8 Menüeinträgen ein Submenü nach rechts aufgehen, sobald man den entsprechenden Menüpunkt ansteuert. Wie kann ich das am besten umsetzten, ohne an der eigentlichen Textformatierung des "Hauptmenüs" etwas verändern zu müssen (bin diesbezüglich leider etwas eingeschränkt)?

Für ein Beispiel wäre ich dankbar!!

VG

<style type="text/css" title="currentStyle" media="screen">

#navigation {
  position: absolute;
  top: 50%;
  height: 236px;
  width: 135px;
  margin: -33px 0 0 40px;
  float: left;
  z-index: 4;
   }
   
#navigation a:link, #navigation a:visited { 
  font-family: arial, helvetica, "lucida grande", verdana, sans-serif;
  font-size: 13px;
  color: #C0C0C0;
  text-decoration: none;
  display: block;
  width: 132px;
    }
        
#navigation a:hover, #navigation a:active { 
  font-family: arial, helvetica, "lucida grande", verdana, sans-serif;
  font-size: 13px;
  color: black;
  font-weight: bold;
  background-color:#C0C0C0;
  }

.pnav {
  margin: 3px 0 3px 3px;
  text-align: left;
  }

</style>

<div id="navigation">
			
<p class="pnav"><a href="link1.php">Link 1</a></p>
<p class="pnav"><a href="link2.php">Link 2</a></p>
<p class="pnav"><a href="link3.php">Link 3</a></p>
<p class="pnav"><a href="link4.php">Link 4</a></p>
<p class="pnav"><a href="link5.php">Link 5</a></p>
<p class="pnav"><a href="link6.php">Link 6</a></p>	
<p class="pnav"><a href="link7.php">Link 7</a></p>
<p class="pnav"><a href="link8.php">Link 8</a></p>
			
</div>

 

[Maik]

Hi,

ein CSS-Menü wird üblicherweise mit einem Listenelement ausgezeichnet, das sich für Submenüs dann auch verschachteln lässt:

<ul>
    <li><a href="#">link 1</a></li>
    <li><a href="#">link 2</a>
        <ul>
            <li><a href="#">sublink 2.1</a></li>
        </ul>
    </li>
    <li><a href="#">link 3</a></li>
</ul>

Für dein Vorhaben dürfte http://www.cssplay.co.uk/menus/flyoutt.html ganz interessant sein.

 

[schwarzer_prinz]

Hallo Maik,

das sieht doch schon sehr brauchbar aus. Werde mir Deine Tipp morgen genauer anschauen.

Viele Grüße