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

Untermenü einrichten

L

lumpi001

Neues Mitglied
Hallo an alle,

Ich habe folgendes problem. Undzwar hab ich meine Navigation per include verlinkt. wie "Über uns", "Service" etc. Nun wollte ich gerne noch ein Unter/Submenü machen was sich je nach den Navigations Punkten verändert. Wenn also jemand in der Navigation "Über uns" anklickt soll im Sub Menü z.b Kontakt, Anfahrt etc als weitere auswahlmöglichkeiten erscheinen. Nur wie mache ich das am besten? :P Hier mal meine index.php


Code: 
<body>
    <div id="wrapper"></div>
     <div id="header">
     <p style="position: relative; right: 165px; top: 40px;"><a href="index.php?seite=kontakt" title="Kontakt">Kontakt</a>&nbsp;&nbsp;|&nbsp;&nbsp;
        <a href="index.php?seite=impressum" title="Impressum">Impressum</a>&nbsp;&nbsp;|&nbsp;&nbsp;
        <a href="index.php?seite=anfahrt" title="Anfahrt">Anfahrt</a> </p>
     </div>
        <div id="mainnavi"> <!-- Hier ist meine Navigation -->
        <p style="position: relative; right: 205px; top: 6px;">
            <a href="index.php?seite=startseite" title="Startseite">Startseite</a>&nbsp;|&nbsp;
            <a href="index.php?seite=ueber" title="Wir &uuml;ber uns">&Uuml;ber uns</a>&nbsp;|&nbsp;
            <a href="index.php?seite=sort" title="Unser Sortiment">Sortiment</a>&nbsp;|&nbsp;
            <a href="index.php?seite=service" title="Service">Service</a>
        </p>
        </div>
            <div id="content">
                <div id="subbuffer">
                    <div id="sub">
                        <div id="suboben"></div>
                        <div id="submitte"></div> <!-- Hier sollte das Submenü entstehen, was sich nach der Navigation richtet -->
                        <div id="subfoot"></div>
                    </div>
                <div class="clear"></div>
                </div> <!-- Subufferend -->
            <div id="maincontent">
<?php
include "$zeige";
 ?>
                <div id="offen"></div>
             <div class="clear"></div>
            </div> <!-- CONTENT MAIN END -->
        <div id="footer"></div>
            </div> <!-- Content END --!>
</body>

Hoffe das mir da jemand helfen kann :)

Mfg: Lumpi
 
pack alle $_GET in themenbezogene arrays und bestimme die class/id für die submenüs per if-abfrage.
wenn eine eine array-übereinstimmung vorliegt machst du
Code: 
height:auto
und wenn nicht
Code: 
height:0;
overflow:hidden;

BTW: Menüs sind Listen und sollten auch so ausgezeichnet sein! ;)
 
sry aber werde daraus nicht schlau :D bin noch ziemlicher newbi. und wenn ich die navigation in <li>...</li> mache sind davor immer solche blöden bullets deswegen hab ich es nicht

mfg Lumpi =)
 
Code: 
list-style:none;
;)

und was deine eingangsfrage betrifft, hier mal ein kurzes beispiel
Testseite
PHP: 
<?php
$menu1 = array("menu1", "menu1sub1", "menu1sub2", "menu1sub3");
$menu2 = array("menu2", "menu2sub1", "menu2sub2", "menu2sub3");
?>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Language" content="de">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-15">
<title>Test</title>
<style type=text/css>
.menu, .submenu, .submenu_offen{
	list-style:none;
	text-indent:0;
	margin:0;
	padding:0;
}

.menu{
	background-color:orange;
	width:150px;
}

.submenu{
	height:0;
	overflow:hidden;
}

.submenu_offen{
	height:auto;
	background-color:yellow;
}
</style>
</head>

<body>

<ul class="menu">
	<li><a href="test_menu.php?seite=menu1">Menü 1</a></li>
	<li>
		<ul class="submenu<?php if(in_array($_GET['seite'], $menu1)){echo '_offen';} ?>">
			<li><a href="test_menu.php?seite=menu1sub1">Submenü 1</a></li>
			<li><a href="test_menu.php?seite=menu1sub2">Submenü 2</a></li>
			<li><a href="test_menu.php?seite=menu1sub3">Submenü 3</a></li>
		</ul>
	</li>
	<li><a href="test_menu.php?seite=menu2">Menü 2</a></li>
	<li>
		<ul class="submenu<?php if(in_array($_GET['seite'], $menu2)){echo '_offen';} ?>">
			<li><a href="test_menu.php?seite=menu2sub1">Submenü 1</a></li>
			<li><a href="test_menu.php?seite=menu2sub2">Submenü 2</a></li>
			<li><a href="test_menu.php?seite=menu2sub3">Submenü 3</a></li>
		</ul>
	</li>
</ul>

</body>

</html>
 
hm aber wenn ich das ganze mal so hochlade dann wird das submenü ja dauernt angezeigt?... bei mir befindet sich das submenü praktisch in einem kasten. und da sollte es nicht immer angezeigt werden sondern sich nach der Navigation richten. also nach den Menü punkten soll es sich verändern.

mfg lumpi
 
Du musst dich einloggen oder registrieren, um hier zu antworten.

Neueste Beiträge

Zurück
Oben