Hi @all
ich habe eine waagerechte Navigation(Startseite,Page1,Page2,usw..), nun soll wenn auf Page1 geklickt wird, rechts weiter unten ein senkrechtes Menü sein. Dann ein menue für Page1, eins für Page2. Ich möchte es includen, würde gerne wissen wie die Struktur oder Möglichkeit am besten auszusehen hat.
Vom Grundsatz her findest du hier eine Anleitung:
http://www.ohne-css.gehts-gar.net/0066.php
Den Navicode kannst du natürlich includen.
An den entsprechenden Stellen musst du dann lediglich weitere Untermenüs einbauen.
Nein das meine ich nicht. keine ausklappbare navigation.
Sagen wir mal das ist der HTML Code
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de">
<head>
<title>PHP Test's 5.3 | Startseite</title>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1" />
<meta name="description" content="" />
<meta name="author" content="" />
<meta name="keywords" content="" />
<link href="css.css" type="text/css" rel="stylesheet" />
<link href="favicon.ico" type="image/x-icon" rel="shortcut icon" />
</head>
<body>
<div class="rahmen">
<div id="header"></div>
<div id="menu">
<ul>
<li><a href="index.php"> <img src="img/button_menue_1.gif" alt="" /></a></li>
<li><a href=""> <img src="img/button_menue_5.gif" alt="" /></a></li>
<li><a href=""> <img src="img/button_menue_2.gif" alt="" /></a></li>
<li><a href=""> <img src="img/button_menue_4.gif" alt="" /></a></li>
<li><a href=""> <img src="img/button_menue_6.gif" alt="" /></a></li>
<li><a href=""> <img src="img/button_menue_3.gif" alt="" /></a></li>
<li><a href=""> <img src="img/button_menue_7.gif" alt="" /></a></li>
</ul>
</div>
<div id="content">
<div class="left">
<h1> Herzlich Willkommen auf www.urun.....
<div class="articles">
<p>Inhalt</p>
<p>Inhalt</p>
<p>Inhalt</p>
<p>Inhalt</p>
</div></div>
<div class="right">
<h2>Neu bei uns:</h2>
<ul id="sitenews">
<li></li>
</ul>
<ul id="partner">
<li id="partner_border">Partner</li>
<li><a href=""></a></li>
<li><a href=""></a></li>
<li><a href=""></a></li>
<li><a href=""></a></li>
<li><a href=""></a></li> <!-- Hier müssen dann wohl einzeln die Navis includet werden -->
<li><a href=""></a></li>
<li><a href=""></a></li>
<li><a href=""></a></li>
<li><a href=""></a></li>
<li><a href=""></a></li>
<li><a href=""></a></li>
<li><a href=""></a></li>
</ul>
</div>
</div>
<div id="footer">
2007-2009 Urunga
</div>
</div>
</body>
</html>[Css]
* {margin: 0; padding: 0;}
body {
background-color: #031634;
font-family: calibri, arial;
font-size: 12px;
line-height: 20px;
color: #e8ddcb;
}
img {text-decoration: none; border: none;}
a {color: #e8ddcb;}
a:hover {text-decoration: none;}
.rahmen {
width: 800px;
height: auto;
margin: 5px auto;
}
#header {
width: 100%;
height: 125px;
background-image: url(img/head.gif);
background-repeat: no-repeat;
}
#menu {
height: 30px;
line-height: 20px;
background-color: #031634;
}
#menu ul {
padding-left: 32px;
}
#menu ul li {
display: block;
float: left;
}
#menu ul li a {
color: #eee;
padding: 0 10px;
text-decoration: none;
font-weight: bolder;
font-size: 22px;
}
#menu ul li a:hover {
color: #fff;
text-decoration: underline;
}
ul#sitenews { border-left: 4px dashed #031634; width: 115px; list-style-type: disc;}
ul#partner {width: 140px; list-style-type: disc; margin: 15px auto; }
li#partner_border {border-bottom: 1px groove #fff; margin-bottom: 22px;}
#content {
background-color: #031634;
padding: 10px 20px;
}
.left {
width: 588px;
float: left;
text-align: justify;
}
.left h2 {
color: #c0c0c0;
font-size: 17px;
font-weight: bolder;
text-align: left;
padding : 10px 0 15px 0;
}
.right {
width: 140px;
float: right;
font-size: 12px;
}
.right ul {
list-style-type: square;
padding: 5px 10px 10px 20px;
}
.right h2 {
height: 30px;
font-size: 12px;
color: #666;
line-height: 30px;
}
.right a { text-decoration: none }
#footer {
width: 800px;
height: 13px;
text-align: center;
font-size: 11px;
padding: 3px 3px 6px 3px;
word-spacing: 25px;
}
[/Css]
Hoffe ich hab diesmal alles gepostet
Hey liebes orum helft mir mal, hab ich das falsch aufgefasst? Die navi wo Sejuma mir gepostet hat ist ja ausklappbar.
wird auf jeder seite die gleiche navi includet, oder sind die unterschiedlich ?
Hallo,
die sind unterschiedlich von Seite zu Seite. praktisch oben in der Navi sollen die Haupotthemen sein und dann rechts unterthemen, und irgendwie soll dann nur der inhalt in das div.content includet werden.
warum bindest du des menü nicht einfach direkt in die seite ein ?
wenn du seite1 und seite2 ... aufrufst und jede seite hat ein festes,
eigenes untermenü - wäre doch die einfachste lösung.. oder ?
edit willst du jetzt das menü oder den inhalt includen ?
warum bindest du des menü nicht einfach direkt in die seite ein ?
wenn du seite1 und seite2 ... aufrufst und jede seite hat ein festes,
eigenes untermenü - wäre doch die einfachste lösung.. oder ?edit willst du jetzt das menü oder den inhalt includen ?
wenn du so fragst denke ich oben die hauptnavi die auf jeder seite gleich sein soll, und bei den einzelnen Kapiteln der seiten dann die jeweiligen untermenüs. Zudem auch der Inhalt dann. Wie man das macht ist mir allerdings noch unklar, PHP?
ganz blick ich nicht durch...
aber mit php inlcude ->
<?php include("menu.php"); ?>Ein ähnliches Beispiel findet man hier --> http://www.hohmann-edv.de/webprogrammierung/
Vielleicht könnt ihr es so sehen
Sowas kannst du mit JavaScript machen. Dazu musst du den Unternavigationen id's verpassen. Jedem Hauptnavipunkt musst du auch dann ein onmouseover="deine_Hover_Funktion('id')" verpassen.
Beim deiner Hoverfunktion kannst du dann deine Subnavi einblenden (anfangs display: none; und per JS dann eben document.getElementById(id).style.display = "block"; )
Beschäftige dich "einfach mal" mit Javascript hovereffekten, dann kriegst du das auch hin.
ich habe js deaktiviert und dann ist es so wie ich es haben möchte. Nicht mit Js 
Werd ich mir zu Hause anschauen, an der Internetkiste geht rein garnichts 
, Rechtsklickgesperrt etc. etc.
na denn ises wie ich geschrieben habe....(also ohne js).
du klickst auf den menüpunkt oben, dann kommt ne neue seite und dort
ist dann des untermenü. da du vermutlich unter dem "hauptmenüpunkt"
(also dort z.b. aktuell) mehrere untermenüpunkte hast lohnt sich der include
schon.
ansich musste halt jede seite unter aktuell erzeugen, dann ein aktuell_menu.php
wo nur das menü drinsteht. jetzt kannste auf jede seite die zu aktuell gehört
das menü so includen:
<?php include("aktuell_menu.php"); ?>Hi,
Ich melde mich sobald das Grundgerüst steht, dann können wir eventuell eine Lösung finden.
Danke euch allen erstmal