PSD-Tutorials.de
Forum für Design, Fotografie & Bildbearbeitung
Tutkit
Agentur
Hilfe
Kontakt
Start
Forum
Aktuelles
Besonderer Inhalt
Foren durchsuchen
Tutorials
News
Anmelden
Kostenlos registrieren
Aktuelles
Suche
Suche
Nur Titel durchsuchen
Von:
Menü
Anmelden
Kostenlos registrieren
App installieren
Installieren
JavaScript ist deaktiviert. Für eine bessere Darstellung aktiviere bitte JavaScript in deinem Browser, bevor du fortfährst.
Du verwendest einen veralteten Browser. Es ist möglich, dass diese oder andere Websites nicht korrekt angezeigt werden.
Du solltest ein Upgrade durchführen oder einen
alternativen Browser
verwenden.
Antworten auf deine Fragen:
Neues Thema erstellen
Start
Forum
Sonstiges
Webdesign, Webentwicklung & Programmierung
PHP, Javascript, jQuery, Ajax, nodeJS, MySQL...
PHP/HTML Menü funktioniert nicht
Beitrag
<blockquote data-quote="Mausi89" data-source="post: 2639189" data-attributes="member: 129306"><p>Hallo,</p><p></p><p>ich hoffe, mir kann einer weiter helfen, und zwar hab ich folgendes Problem:</p><p></p><p>Ich hab meine WebSeite mit PHP, CSS und Html gebaut.</p><p>Hab ein gerußt aus HTML und hab dort die jeweiligen Bereiche ausgelagert, wie z. B. Menü, Haupttexte.</p><p>Jetzt zum Problem:</p><p>Wenn ich die Seite online habe, seh ich meine Startseite, wie Sie aussehen soll. Also alles o. k., aber wenn ich jetzt auf einen meiner Menüpunkte gehe, bekomm ich eine 404 Fehler Seite. Irgendwie kommt er mit dem Menü nicht klar.</p><p></p><p>Kann sich bitte jemand meine Daten mal ansehen, wo der Fehler liegt. Weiß leider nicht mehr weiter.</p><p>Falls man Sie nicht sieht ich hab auch eine htaccess- Datei.</p><p></p><p>Danke schon mal</p><p></p><p>Schöne Grüße</p><p>Mausi89</p><p></p><p>Hier meine .</p><p></p><p></p><p>Mein Content</p><p>[PHP] <?php $thisPage="normal"; ?></p><p> <?php</p><p> switch ($_GET['id'])</p><p> {</p><p> case 1:</p><p> $titel="Über mich...";</p><p> $text='Wenn ihr mehr Wissen wollt oder noch fragen habt, könnt ihr euch gerne bei mir melden.';</p><p> $bild='<img src="Bilder/ueber_uns.png" alt="Ueber-Uns">';</p><p> break;</p><p></p><p> case 2:</p><p> $titel="Referenzen...";</p><p> $text='<b>Unsere zufriedenen Kunden...</b>';</p><p> $bild='<img src="Bilder/referenzen.png" alt="Referenzen">';</p><p> break;</p><p> </p><p> </p><p> case 3:</p><p> $titel="Kontakt...";</p><p> $text='Kontaktieren sie mich';</p><p> $bild='<img style="margin: 0 0 0 -110px" src="Bilder/kontakt.png" alt="Kontakt">';</p><p> break;</p><p> </p><p> </p><p> case 4:</p><p> $titel="Impressum...";</p><p> $text='Impressum meiner Webseite';</p><p> $bild='<img src="Bilder/impressum.png" alt="Impressum">';</p><p> break;</p><p> </p><p> </p><p> default:</p><p> $titel="Herzlich Willkommen bei <br></p><p> ";</p><p> $text='<br><b>Schön, dass Sie mich besuchen!</b></p><p></p><p></p><p> <b>Erfahren Sie mehr dazu auf den <br></p><p> weiteren Seiten...</b>';</p><p> $bild='<img src="Bilder/home.png" alt="">';</p><p> }</p><p>?>[/PHP]</p><p></p><p>______________________________________________________________________________</p><p></p><p>Mein Header</p><p></p><p>[CODE]</p><p><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"></p><p><html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de"></p><p> </p><p></p><p><!-- header --> </p><p> </p><p> </p><p> <head></p><p> </p><p> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /></p><p> <meta name="keywords" content="HTML, CSS, XML, XHTML, JavaScript"></p><p> <meta name="description" content="Arbeit"></p><p> <meta name="author" content="Name"></p><p> </p><p></p><p> </p><p> <title></p><p> Test</p><p> </title></p><p> </p><p> <style type="text/css"></p><p> @import "style.css";</p><p> </style></p><p></p><p></p><p> <script type="text/javascript"</p><p> src="jquery-1.6.2.min.js"></p><p> </script></p><p> </p><p> </p><p> <script type='text/javascript'</p><p> src='anmelden/scripts/gen_validatorv31.js'></p><p> </script></p><p></p><p> <script type="text/javascript"</p><p> src="anmelden/scripts/pwdwidget.js"></p><p> </script></p><p> </p><p></p><p></p><p> <!--[if lt IE 9]></p><p> <script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script></p><p> <![endif]--></p><p> </p><p> </head></p><p> </p><p> <body></p><p> <div class="content"></p><p> </p><p> </p><p> </p><p><!-- navi --> </p><p> </p><p> <nav></p><p> </p><p> <?php</p><p> include "menu.php";</p><p> ?></p><p> </p><p> </nav></p><p> </p><p> </p><p><!-- / navi --></p><p></p><p> </p><p> </p><p><!-- Hinweis: Die Tabelle wird in den anderen Dateien fortgeführt. --></p><p> </p><p> [/CODE]</p><p></p><p>______________________________________________________________________________</p><p></p><p>Mein index</p><p></p><p>[CODE]</p><p> <?php</p><p> // Die Variable $title wird vor der Einbindung von header.php definiert damit sie in dieser Datei verfügbar ist</p><p> include "header.php";</p><p> ?> </p><p></p><p><!-- / header --></p><p></p><p></p><p></p><p></p><p></p><p><!-- content --></p><p></p><p> <?php</p><p> include "content.php";</p><p> ?></p><p> </p><p> <section class="sectiontenor"></p><p> </p><p> <div class="text"></p><p> </p><p> <?php</p><p> $site = array ('Home','Über mich...','Referenzen...','Kontakt...','Impressum...');</p><p></p><p> if ($titel == 'Login...') {</p><p> echo "<h1>".$titel."</h1>";</p><p> include "anmelden.php";</p><p> }</p><p> </p><p> else if ($titel == 'Passwort zurücksetzen...') {</p><p> echo "<h1>".$titel."</h1>";</p><p> include "anmelden/reset-pwd-req.php";</p><p> }</p><p> else if ($titel == 'Registrieren...') {</p><p> echo "<h1>".$titel."</h1>";</p><p> include "anmelden/register.php";</p><p> }</p><p></p><p> else if ($titel == 'Kontakt...') {</p><p> echo "<h1>".$titel."</h1>";</p><p> include "kontakt.php";</p><p> }</p><p></p><p> else {</p><p> echo "<h1>".$titel."</h1>";</p><p> echo "<div id='scroll'><p>".$text."</p></div>";</p><p> }</p><p> ?></p><p></p><p></p><p> </div></p><p> </p><p> </section></p><p> </p><p> <figure></p><p> <div></p><p> </p><p> <?php</p><p> echo $bild;</p><p> ?></p><p> </p><p> </div></p><p> </figure></p><p></p><p> </p><p><!-- / content --></p><p></p><p></p><p></p><p></p><p></p><p><!-- footer --></p><p></p><p> <?php</p><p> include "footer.php";</p><p> ?></p><p>[/CODE]</p><p></p><p>______________________________________________________________________________</p><p></p><p>Mein Menü</p><p></p><p>[CODE] </p><p> <div class="menu"></p><p> <ul class="ober1"></p><p> <li class="posi1"><a href="referenzen.html">referenzen</a></li></p><p></p><p> </ul></p><p> <ol class="ober2"></p><p> </p><p> <li class="posi2"><a href="ueber-mich.html">über mich</a></li></p><p></p><p> </ol></p><p> <dl class="ober3"></p><p> <li class="posi3"><a href="home.html">home</a></li></p><p> </p><p> </dl></p><p> <ul class="ober4"></p><p> </p><p> <li class="posi4"><a href="kontakt.html">kontakt</a></li></p><p></p><p> </ul></p><p> <ol class="ober5"></p><p> </p><p> <li class="posi5"><a href="impressum.html">impressum</a></li></p><p> </ol></p><p> </p><p> </div> </p><p>[/CODE]</p><p></p><p>______________________________________________________________________________</p><p></p><p>Mein htaccess</p><p></p><p>[CODE]</p><p>RewriteEngine on</p><p>RewriteRule ^home.html index.php?id=default</p><p>RewriteRule ^ueber-mich.html index.php?id=1</p><p>RewriteRule ^referenzen.html index.php?id=2</p><p>RewriteRule ^kontakt.html index.php?id=3</p><p>RewriteRule ^impressum.html index.php?id=4</p><p></p><p></p><p></p><p></p><p>AddType application/vnd.ms-fontobject .eot</p><p>AddType application/octet-stream .otf .ttf .woff .svg</p><p>[/CODE]</p><p></p><p></p><p>______________________________________________________________________________</p><p></p><p>Mein CSS</p><p></p><p>[CODE]@charset "UTF-8";</p><p></p><p></p><p>/* ___________________________ Reset ___________________________ */</p><p></p><p>html, body, div, span, applet, object, iframe,</p><p>h1, h2, h3, h4, h5, h6, p, blockquote, pre,</p><p>a, abbr, acronym, address, big, cite, code,</p><p>del, dfn, em, img, ins, kbd, q, s, samp,</p><p>small, strike, strong, sub, sup, tt, var,</p><p>b, u, i, center,</p><p>dl, dt, dd, ol, ul, li,</p><p>fieldset, form, label, legend,</p><p>table, caption, tbody, tfoot, thead, tr, th, td,</p><p>article, aside, canvas, details, embed,</p><p>figure, figcaption, footer, header, hgroup,</p><p>menu, nav, output, ruby, section, summary,</p><p>time, mark, audio, video {</p><p> margin: 0;</p><p> padding: 0;</p><p> border: 0;</p><p> outline: 0;</p><p> font-size: 100%;</p><p> vertical-align: baseline;</p><p> background: transparent;</p><p> letter-spacing: 0;</p><p> overflow: visible;</p><p>}</p><p></p><p>/* HTML5 display-role reset for older browsers */</p><p></p><p>article, aside, details, figcaption, figure,</p><p>footer, header, hgroup, menu, nav, section {</p><p> display: block;</p><p>}</p><p></p><p>ol, ul {</p><p> list-style: none;</p><p>}</p><p></p><p>blockquote, q {</p><p> quotes: none;</p><p>}</p><p></p><p>blockquote:before, blockquote:after,</p><p>q:before, q:after {</p><p> content: '';</p><p> content: none;</p><p>}</p><p></p><p>table {</p><p> border-collapse: collapse;</p><p> border-spacing: 0;</p><p>}</p><p></p><p></p><p></p><p>/* __________________________________________ Schrift ________________________________________________ */</p><p></p><p></p><p>@font-face {</p><p> font-family: 'Monotype Corsiva', 'Britannic Bold';</p><p> src: url('Schrift/Lucida_Grande/BritannicBold.eot#') format('eot'),</p><p> url('Schrift/Lucida_Grande/BritannicBold.woff') format('woff'),</p><p> url('Schrift/Lucida_Grande/BritannicBold.ttf') format('truetype'),</p><p> url('Schrift/Lucida_Grande/BritannicBold.otf') format('opentype'),</p><p> url('Schrift/Lucida_Grande/BritannicBold.svg') format('svg'),</p><p> </p><p> url('Schrift/Lucida_Grande/MTCORSVA.eot#') format('eot'),</p><p> url('Schrift/Lucida_Grande/MTCORSVA.woff') format('woff'),</p><p> url('Schrift/Lucida_Grande/MTCORSVA.ttf') format('truetype'),</p><p> url('Schrift/Lucida_Grande/MTCORSVA.otf') format('opentype'),</p><p> url('Schrift/Lucida_Grande/MTCORSVA.svg') format('svg'),</p><p>}</p><p></p><p></p><p></p><p>/* __________________________________________ Hintergrund __________________________________________ */</p><p></p><p>body {</p><p> behavior: url(Script/PIE-1.0.0/PIE.htc);</p><p> background-image: url(Bilder/02_1.jpg);</p><p> background-repeat: repeat;</p><p> background-position: center center;</p><p> -pie-background: url('Bilder/hintergrund.jpg') left top repeat, ;</p><p> overflow: hidden;</p><p> min-width: 100%;</p><p> min-height: 100%;</p><p>}</p><p></p><p></p><p>.content {</p><p> background-image: url(Bilder/Kasten.png);</p><p> background-repeat: no-repeat;</p><p> background-position: center center;</p><p> position: relative;</p><p> margin: auto;</p><p> height: 1180px;</p><p> width: 1620px;</p><p> font-family: 'Monotype Corsiva';</p><p> font-style: normal;</p><p> /*border: solid #585858 1px;*/</p><p> }</p><p> </p><p></p><p></p><p>/* __________________________________________ Menü __________________________________________ */</p><p></p><p></p><p>/* ______________ Hauptmenü ______________ */</p><p></p><p>nav {</p><p> margin: auto;</p><p> width: 1113px;</p><p> height: 60px;</p><p> top: 319px;</p><p> position: relative;</p><p> font-family: 'Britannic Bold';</p><p> font-style: normal;</p><p>}</p><p></p><p></p><p>.menu {</p><p> margin: 0 0 0 226.5px;</p><p> width: 660px;</p><p> height: 100px;</p><p> text-transform: uppercase;</p><p> </p><p>}</p><p></p><p></p><p>nav .ober1 {</p><p> color: #d5d5d5;</p><p> font-size: 16px;</p><p> list-style: none;</p><p> top: 9px;</p><p> float: left;</p><p> margin: 28px 0 0 0px;</p><p> transform: rotate(17deg);</p><p>}</p><p></p><p>nav .ober2 {</p><p> color: #d5d5d5;</p><p> font-size: 16px;</p><p> list-style: none;</p><p> top: 9px;</p><p> float: left;</p><p> margin: 58px 0 0 74.5px;</p><p> transform: rotate(7deg);</p><p>}</p><p></p><p>nav .ober3 {</p><p> color: #d5d5d5;</p><p> font-size: 16px;</p><p> list-style: none;</p><p> top: 9px;</p><p> float: left;</p><p> margin: 66px 0 0 74.5px;</p><p> </p><p>}</p><p></p><p>nav .ober4 {</p><p> color: #d5d5d5;</p><p> font-size: 16px;</p><p> list-style: none;</p><p> top: 9px;</p><p> float: left;</p><p> margin: 58px 0 0 74.5px;</p><p> transform: rotate(-7deg);</p><p>}</p><p></p><p>nav .ober5 {</p><p> color: #d5d5d5;</p><p> font-size: 16px;</p><p> list-style: none;</p><p> top: 9px;</p><p> float: left;</p><p> margin: 28px 0 0 74.5px;</p><p> transform: rotate(-17deg);</p><p>}</p><p></p><p></p><p></p><p></p><p>nav ul li a {</p><p> text-decoration: none;</p><p> color: #707173;</p><p>}</p><p></p><p></p><p>nav ul li a:focus {</p><p> text-decoration: none;</p><p> color: #9C4C6B;</p><p>}</p><p></p><p></p><p>nav ul li a:hover {</p><p> text-decoration: none;</p><p> opacity: 0.5;</p><p>}</p><p></p><p></p><p>nav ul li a:active {</p><p> text-decoration: none;</p><p> color: #555556;</p><p>}</p><p></p><p></p><p>nav ol li a {</p><p> text-decoration: none;</p><p> color: #707173;</p><p>}</p><p></p><p></p><p>nav ol li a:focus {</p><p> text-decoration: none;</p><p> color: #9C4C6B;</p><p>}</p><p></p><p></p><p>nav ol li a:hover {</p><p> text-decoration: none;</p><p> opacity: 0.5;</p><p>}</p><p></p><p></p><p>nav ol li a:active {</p><p> text-decoration: none;</p><p> color: #555556;</p><p>}</p><p></p><p></p><p>nav dl li a {</p><p> text-decoration: none;</p><p> color: #707173;</p><p>}</p><p></p><p></p><p>nav dl li a:focus {</p><p> text-decoration: none;</p><p> color: #9C4C6B;</p><p>}</p><p></p><p></p><p>nav dl li a:hover {</p><p> text-decoration: none;</p><p> opacity: 0.5;</p><p>}</p><p></p><p></p><p>nav dl li a:active {</p><p> text-decoration: none;</p><p> color: #555556;</p><p>}</p><p></p><p>.activ {</p><p> text-decoration: none;</p><p> color: #000000;</p><p>}</p><p></p><p></p><p></p><p>/* ______________ Untermenü ______________ */</p><p></p><p>/*nav .unter {</p><p> position: absolute;</p><p> top: 30px;</p><p> padding: 5px 0 0 0;</p><p> top: -9999px;</p><p> margin: 0;</p><p>}</p><p></p><p></p><p>nav ul .sub1 {</p><p> float: none;</p><p> margin: 2px 0 0 -15px;</p><p> text-align: left;</p><p> list-style: none;</p><p> background: url(Bilder/subnavi_mittel_1.jpg);</p><p>}</p><p></p><p></p><p>nav ul .sub2 {</p><p> float: none;</p><p> margin: 2px 0 0 -15px;</p><p> text-align: left;</p><p> list-style: none;</p><p> background: url(Bilder/subnavi_mittel_2.jpg);</p><p>}</p><p></p><p></p><p>nav ul .sub3 {</p><p> float: none;</p><p> margin: 2px 0 0 -15px;</p><p> text-align: left;</p><p> list-style: none;</p><p> background: url(Bilder/subnavi_mittel_3.jpg);</p><p>}</p><p></p><p></p><p>nav ul .sub4 {</p><p> float: none;</p><p> margin: 2px 0 0 -15px;</p><p> text-align: left;</p><p> list-style: none;</p><p> background: url(Bilder/subnavi_mittel_4.jpg);</p><p>}</p><p></p><p></p><p>nav ul .sub5 {</p><p> float: none;</p><p> margin: 2px 0 0 -15px;</p><p> text-align: left;</p><p> list-style: none;</p><p> background: url(Bilder/subnavi_lang_1.jpg);</p><p>}</p><p></p><p></p><p>nav ul .sub6 {</p><p> float: none;</p><p> margin: 2px 0 0 -15px;</p><p> text-align: left;</p><p> list-style: none;</p><p> background: url(Bilder/subnavi_lang_2.jpg);</p><p>}</p><p></p><p></p><p>nav ul .sub7 {</p><p> float: none;</p><p> margin: 2px 0 0 -15px;</p><p> text-align: left;</p><p> list-style: none;</p><p> background: url(Bilder/subnavi_lang_3.jpg);</p><p>}</p><p></p><p></p><p>nav ul .sub8 {</p><p> float: none;</p><p> margin: 2px 0 0 -15px;</p><p> text-align: left;</p><p> list-style: none;</p><p> background: url(Bilder/subnavi_lang_4.jpg);</p><p>}</p><p></p><p></p><p>nav ul .sub9 {</p><p> float: none;</p><p> margin: 2px 0 0 -15px;</p><p> text-align: left;</p><p> list-style: none;</p><p> background: url(Bilder/subnavi_kurz_1.jpg);</p><p>}</p><p></p><p></p><p>nav ul .sub10 {</p><p> float: none;</p><p> margin: 2px 0 0 -15px;</p><p> text-align: left;</p><p> list-style: none;</p><p> background: url(Bilder/subnavi_kurz_2.jpg);</p><p>}</p><p></p><p></p><p>nav ul .sub11 {</p><p> float: none;</p><p> margin: 2px 0 0 -15px;</p><p> text-align: left;</p><p> list-style: none;</p><p> background: url(Bilder/subnavi_kurz_3.jpg);</p><p>}</p><p></p><p></p><p>nav ul .sub12 {</p><p> float: none;</p><p> margin: 2px 0 0 -15px;</p><p> text-align: left;</p><p> list-style: none;</p><p> background: url(Bilder/subnavi_kurz_4.jpg);</p><p>}</p><p></p><p></p><p>.sublink {</p><p> color: #BDBDBD;</p><p> font-size: 13px;</p><p> display: block;</p><p> margin: 0 0 0 0;</p><p> line-height: 24px;</p><p> padding: 0 15px 0 15px;</p><p>}</p><p></p><p></p><p>nav ul li:hover .unter {</p><p> top: auto;</p><p>}*/</p><p></p><p></p><p></p><p>/* __________________________________________ Content __________________________________________ */</p><p></p><p></p><p>/* ____________ Haupttext ____________ */</p><p></p><p>.sectiontenor {</p><p> margin: auto;</p><p> width: 1063px;</p><p> height: 336px;</p><p> top: 370px;</p><p> position: relative;</p><p> /*border: solid #585858 1px;*/</p><p>}</p><p></p><p></p><p>.text {</p><p> color: #333333;</p><p> font-family: 'Lucida Grande', 'Lucida Sans';</p><p> /*display: inline-block;*/</p><p> margin: 26px 0 0 41px;</p><p> width: 320px;</p><p> height: 283px;</p><p></p><p>}</p><p></p><p></p><p>h1 {</p><p> font-size: 16px;</p><p> font-style: normal;</p><p> line-height: none;</p><p> padding: 0 0 14px 0;</p><p></p><p>}</p><p></p><p>#scroll {</p><p> overflow: auto;</p><p> width: 713px;</p><p> height: 273px;</p><p>}</p><p></p><p>p {</p><p> font-size: 12px;</p><p> font-style: normal;</p><p> line-height: 17px;</p><p> width: 320px;</p><p>}</p><p></p><p></p><p>.aufzählung {</p><p> font-size: 12px;</p><p> font-style: normal;</p><p> line-height: 17px;</p><p> margin: 0 0 0 35px;</p><p> list-style-position: outside;</p><p> list-style-type: disc;</p><p>}</p><p></p><p></p><p></p><p>/* ____________ Formular ____________ */</p><p></p><p>form {</p><p> width: 232px;</p><p> margin: 5px 0 0 0;</p><p> padding: 5px;</p><p>}</p><p></p><p></p><p>#fg_membersite fieldset {</p><p> padding: 5px;</p><p>}</p><p></p><p></p><p>#fg_membersite textarea {</p><p> font-family: 'Lucida Grande', 'Lucida Sans';</p><p> font-size: 12px;</p><p> color: #303030;</p><p> padding : 3px;</p><p> resize: none;</p><p>}</p><p></p><p></p><p>/*Kontakt*/</p><p></p><p>.pflichtfelder {</p><p> color: #8d8d8d;</p><p> font-family: 'Lucida Grande', 'Lucida Sans';</p><p> font-size: 10px;</p><p> font-style: normal;</p><p> text-align: right;</p><p> margin: 0 0 0 -37px;</p><p>}</p><p></p><p></p><p>#fg_membersite .labelclass {</p><p> display: inline-block;</p><p> color: #8d8d8d;</p><p> font-family: 'Lucida Grande', 'Lucida Sans';</p><p> font-size: 12px;</p><p> font-style: normal;</p><p> margin: 0 0 4px 0;</p><p> width: 100px;</p><p>}</p><p></p><p></p><p>#fg_membersite .container2 {</p><p> cursor: pointer;</p><p> width: 286px;</p><p> font-family: 'Lucida Grande', 'Lucida Sans';</p><p> font-size: 12px;</p><p> margin: -14px 0 20px 0;</p><p>}</p><p></p><p></p><p>#fg_membersite .container3 {</p><p> cursor: pointer;</p><p> width: 284px;</p><p> font-family: 'Lucida Grande', 'Lucida Sans';</p><p> font-size: 12px;</p><p> margin: -16px 0 8px 0;</p><p>}</p><p></p><p></p><p>#fg_membersite .button {</p><p> cursor: pointer;</p><p> width: 106px;</p><p> height: 21px;</p><p> font-family: 'Lucida Grande', 'Lucida Sans';</p><p> font-size: 12px;</p><p> border: 1px solid #d3d3d3;</p><p> border-color: #d3d3d3 #888888 #888888 #d3d3d3;</p><p> background: #f7f7f7;</p><p> color: #666666;</p><p> text-align: justify;</p><p>}</p><p></p><p></p><p>#fg_membersite .short_explanation3 {</p><p> margin: 0 10px 0 0;</p><p> /*display: inline-block;*/</p><p> float: left;</p><p> border: 1px solid;</p><p> border-color: #0000ff;</p><p>}</p><p></p><p>/*Kontakt ende*/</p><p></p><p></p><p></p><p></p><p></p><p></p><p>/* _____________ Bild _____________ */</p><p></p><p>figure {</p><p> height: 336px;</p><p> width: 338px;</p><p> display: inline-block;</p><p> margin: -113px 0 0 491px;</p><p> padding: 0 0 0 55px;</p><p>}</p><p></p><p></p><p></p><p>/* __________________________________________ Footer __________________________________________ */</p><p></p><p>footer {</p><p> margin: auto;</p><p> width: 763px;</p><p> height: 64px;</p><p>}</p><p></p><p></p><p>address {</p><p> color: #666666;</p><p> font-size: 12px;</p><p> line-height: normal;</p><p> font-family: 'Lucida Grande', 'Lucida Sans';</p><p> font-style: normal;</p><p> list-style: none;</p><p> margin: 19px 0 0 41px;</p><p>}</p><p></p><p></p><p>address .posi2 {</p><p> display: inline-block;</p><p>}</p><p></p><p></p><p>address .posi3 {</p><p> margin: 0 0 0 56px;</p><p> display: inline-block;</p><p>}[/CODE]</p></blockquote><p></p>
[QUOTE="Mausi89, post: 2639189, member: 129306"] Hallo, ich hoffe, mir kann einer weiter helfen, und zwar hab ich folgendes Problem: Ich hab meine WebSeite mit PHP, CSS und Html gebaut. Hab ein gerußt aus HTML und hab dort die jeweiligen Bereiche ausgelagert, wie z. B. Menü, Haupttexte. Jetzt zum Problem: Wenn ich die Seite online habe, seh ich meine Startseite, wie Sie aussehen soll. Also alles o. k., aber wenn ich jetzt auf einen meiner Menüpunkte gehe, bekomm ich eine 404 Fehler Seite. Irgendwie kommt er mit dem Menü nicht klar. Kann sich bitte jemand meine Daten mal ansehen, wo der Fehler liegt. Weiß leider nicht mehr weiter. Falls man Sie nicht sieht ich hab auch eine htaccess- Datei. Danke schon mal Schöne Grüße Mausi89 Hier meine . Mein Content [PHP] <?php $thisPage="normal"; ?> <?php switch ($_GET['id']) { case 1: $titel="Über mich..."; $text='Wenn ihr mehr Wissen wollt oder noch fragen habt, könnt ihr euch gerne bei mir melden.'; $bild='<img src="Bilder/ueber_uns.png" alt="Ueber-Uns">'; break; case 2: $titel="Referenzen..."; $text='<b>Unsere zufriedenen Kunden...</b>'; $bild='<img src="Bilder/referenzen.png" alt="Referenzen">'; break; case 3: $titel="Kontakt..."; $text='Kontaktieren sie mich'; $bild='<img style="margin: 0 0 0 -110px" src="Bilder/kontakt.png" alt="Kontakt">'; break; case 4: $titel="Impressum..."; $text='Impressum meiner Webseite'; $bild='<img src="Bilder/impressum.png" alt="Impressum">'; break; default: $titel="Herzlich Willkommen bei <br> "; $text='<br><b>Schön, dass Sie mich besuchen!</b> <b>Erfahren Sie mehr dazu auf den <br> weiteren Seiten...</b>'; $bild='<img src="Bilder/home.png" alt="">'; } ?>[/PHP] ______________________________________________________________________________ Mein Header [CODE] <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de"> <!-- header --> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <meta name="keywords" content="HTML, CSS, XML, XHTML, JavaScript"> <meta name="description" content="Arbeit"> <meta name="author" content="Name"> <title> Test </title> <style type="text/css"> @import "style.css"; </style> <script type="text/javascript" src="jquery-1.6.2.min.js"> </script> <script type='text/javascript' src='anmelden/scripts/gen_validatorv31.js'> </script> <script type="text/javascript" src="anmelden/scripts/pwdwidget.js"> </script> <!--[if lt IE 9]> <script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script> <![endif]--> </head> <body> <div class="content"> <!-- navi --> <nav> <?php include "menu.php"; ?> </nav> <!-- / navi --> <!-- Hinweis: Die Tabelle wird in den anderen Dateien fortgeführt. --> [/CODE] ______________________________________________________________________________ Mein index [CODE] <?php // Die Variable $title wird vor der Einbindung von header.php definiert damit sie in dieser Datei verfügbar ist include "header.php"; ?> <!-- / header --> <!-- content --> <?php include "content.php"; ?> <section class="sectiontenor"> <div class="text"> <?php $site = array ('Home','Über mich...','Referenzen...','Kontakt...','Impressum...'); if ($titel == 'Login...') { echo "<h1>".$titel."</h1>"; include "anmelden.php"; } else if ($titel == 'Passwort zurücksetzen...') { echo "<h1>".$titel."</h1>"; include "anmelden/reset-pwd-req.php"; } else if ($titel == 'Registrieren...') { echo "<h1>".$titel."</h1>"; include "anmelden/register.php"; } else if ($titel == 'Kontakt...') { echo "<h1>".$titel."</h1>"; include "kontakt.php"; } else { echo "<h1>".$titel."</h1>"; echo "<div id='scroll'><p>".$text."</p></div>"; } ?> </div> </section> <figure> <div> <?php echo $bild; ?> </div> </figure> <!-- / content --> <!-- footer --> <?php include "footer.php"; ?> [/CODE] ______________________________________________________________________________ Mein Menü [CODE] <div class="menu"> <ul class="ober1"> <li class="posi1"><a href="referenzen.html">referenzen</a></li> </ul> <ol class="ober2"> <li class="posi2"><a href="ueber-mich.html">über mich</a></li> </ol> <dl class="ober3"> <li class="posi3"><a href="home.html">home</a></li> </dl> <ul class="ober4"> <li class="posi4"><a href="kontakt.html">kontakt</a></li> </ul> <ol class="ober5"> <li class="posi5"><a href="impressum.html">impressum</a></li> </ol> </div> [/CODE] ______________________________________________________________________________ Mein htaccess [CODE] RewriteEngine on RewriteRule ^home.html index.php?id=default RewriteRule ^ueber-mich.html index.php?id=1 RewriteRule ^referenzen.html index.php?id=2 RewriteRule ^kontakt.html index.php?id=3 RewriteRule ^impressum.html index.php?id=4 AddType application/vnd.ms-fontobject .eot AddType application/octet-stream .otf .ttf .woff .svg [/CODE] ______________________________________________________________________________ Mein CSS [CODE]@charset "UTF-8"; /* ___________________________ Reset ___________________________ */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; letter-spacing: 0; overflow: visible; } /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } /* __________________________________________ Schrift ________________________________________________ */ @font-face { font-family: 'Monotype Corsiva', 'Britannic Bold'; src: url('Schrift/Lucida_Grande/BritannicBold.eot#') format('eot'), url('Schrift/Lucida_Grande/BritannicBold.woff') format('woff'), url('Schrift/Lucida_Grande/BritannicBold.ttf') format('truetype'), url('Schrift/Lucida_Grande/BritannicBold.otf') format('opentype'), url('Schrift/Lucida_Grande/BritannicBold.svg') format('svg'), url('Schrift/Lucida_Grande/MTCORSVA.eot#') format('eot'), url('Schrift/Lucida_Grande/MTCORSVA.woff') format('woff'), url('Schrift/Lucida_Grande/MTCORSVA.ttf') format('truetype'), url('Schrift/Lucida_Grande/MTCORSVA.otf') format('opentype'), url('Schrift/Lucida_Grande/MTCORSVA.svg') format('svg'), } /* __________________________________________ Hintergrund __________________________________________ */ body { behavior: url(Script/PIE-1.0.0/PIE.htc); background-image: url(Bilder/02_1.jpg); background-repeat: repeat; background-position: center center; -pie-background: url('Bilder/hintergrund.jpg') left top repeat, ; overflow: hidden; min-width: 100%; min-height: 100%; } .content { background-image: url(Bilder/Kasten.png); background-repeat: no-repeat; background-position: center center; position: relative; margin: auto; height: 1180px; width: 1620px; font-family: 'Monotype Corsiva'; font-style: normal; /*border: solid #585858 1px;*/ } /* __________________________________________ Menü __________________________________________ */ /* ______________ Hauptmenü ______________ */ nav { margin: auto; width: 1113px; height: 60px; top: 319px; position: relative; font-family: 'Britannic Bold'; font-style: normal; } .menu { margin: 0 0 0 226.5px; width: 660px; height: 100px; text-transform: uppercase; } nav .ober1 { color: #d5d5d5; font-size: 16px; list-style: none; top: 9px; float: left; margin: 28px 0 0 0px; transform: rotate(17deg); } nav .ober2 { color: #d5d5d5; font-size: 16px; list-style: none; top: 9px; float: left; margin: 58px 0 0 74.5px; transform: rotate(7deg); } nav .ober3 { color: #d5d5d5; font-size: 16px; list-style: none; top: 9px; float: left; margin: 66px 0 0 74.5px; } nav .ober4 { color: #d5d5d5; font-size: 16px; list-style: none; top: 9px; float: left; margin: 58px 0 0 74.5px; transform: rotate(-7deg); } nav .ober5 { color: #d5d5d5; font-size: 16px; list-style: none; top: 9px; float: left; margin: 28px 0 0 74.5px; transform: rotate(-17deg); } nav ul li a { text-decoration: none; color: #707173; } nav ul li a:focus { text-decoration: none; color: #9C4C6B; } nav ul li a:hover { text-decoration: none; opacity: 0.5; } nav ul li a:active { text-decoration: none; color: #555556; } nav ol li a { text-decoration: none; color: #707173; } nav ol li a:focus { text-decoration: none; color: #9C4C6B; } nav ol li a:hover { text-decoration: none; opacity: 0.5; } nav ol li a:active { text-decoration: none; color: #555556; } nav dl li a { text-decoration: none; color: #707173; } nav dl li a:focus { text-decoration: none; color: #9C4C6B; } nav dl li a:hover { text-decoration: none; opacity: 0.5; } nav dl li a:active { text-decoration: none; color: #555556; } .activ { text-decoration: none; color: #000000; } /* ______________ Untermenü ______________ */ /*nav .unter { position: absolute; top: 30px; padding: 5px 0 0 0; top: -9999px; margin: 0; } nav ul .sub1 { float: none; margin: 2px 0 0 -15px; text-align: left; list-style: none; background: url(Bilder/subnavi_mittel_1.jpg); } nav ul .sub2 { float: none; margin: 2px 0 0 -15px; text-align: left; list-style: none; background: url(Bilder/subnavi_mittel_2.jpg); } nav ul .sub3 { float: none; margin: 2px 0 0 -15px; text-align: left; list-style: none; background: url(Bilder/subnavi_mittel_3.jpg); } nav ul .sub4 { float: none; margin: 2px 0 0 -15px; text-align: left; list-style: none; background: url(Bilder/subnavi_mittel_4.jpg); } nav ul .sub5 { float: none; margin: 2px 0 0 -15px; text-align: left; list-style: none; background: url(Bilder/subnavi_lang_1.jpg); } nav ul .sub6 { float: none; margin: 2px 0 0 -15px; text-align: left; list-style: none; background: url(Bilder/subnavi_lang_2.jpg); } nav ul .sub7 { float: none; margin: 2px 0 0 -15px; text-align: left; list-style: none; background: url(Bilder/subnavi_lang_3.jpg); } nav ul .sub8 { float: none; margin: 2px 0 0 -15px; text-align: left; list-style: none; background: url(Bilder/subnavi_lang_4.jpg); } nav ul .sub9 { float: none; margin: 2px 0 0 -15px; text-align: left; list-style: none; background: url(Bilder/subnavi_kurz_1.jpg); } nav ul .sub10 { float: none; margin: 2px 0 0 -15px; text-align: left; list-style: none; background: url(Bilder/subnavi_kurz_2.jpg); } nav ul .sub11 { float: none; margin: 2px 0 0 -15px; text-align: left; list-style: none; background: url(Bilder/subnavi_kurz_3.jpg); } nav ul .sub12 { float: none; margin: 2px 0 0 -15px; text-align: left; list-style: none; background: url(Bilder/subnavi_kurz_4.jpg); } .sublink { color: #BDBDBD; font-size: 13px; display: block; margin: 0 0 0 0; line-height: 24px; padding: 0 15px 0 15px; } nav ul li:hover .unter { top: auto; }*/ /* __________________________________________ Content __________________________________________ */ /* ____________ Haupttext ____________ */ .sectiontenor { margin: auto; width: 1063px; height: 336px; top: 370px; position: relative; /*border: solid #585858 1px;*/ } .text { color: #333333; font-family: 'Lucida Grande', 'Lucida Sans'; /*display: inline-block;*/ margin: 26px 0 0 41px; width: 320px; height: 283px; } h1 { font-size: 16px; font-style: normal; line-height: none; padding: 0 0 14px 0; } #scroll { overflow: auto; width: 713px; height: 273px; } p { font-size: 12px; font-style: normal; line-height: 17px; width: 320px; } .aufzählung { font-size: 12px; font-style: normal; line-height: 17px; margin: 0 0 0 35px; list-style-position: outside; list-style-type: disc; } /* ____________ Formular ____________ */ form { width: 232px; margin: 5px 0 0 0; padding: 5px; } #fg_membersite fieldset { padding: 5px; } #fg_membersite textarea { font-family: 'Lucida Grande', 'Lucida Sans'; font-size: 12px; color: #303030; padding : 3px; resize: none; } /*Kontakt*/ .pflichtfelder { color: #8d8d8d; font-family: 'Lucida Grande', 'Lucida Sans'; font-size: 10px; font-style: normal; text-align: right; margin: 0 0 0 -37px; } #fg_membersite .labelclass { display: inline-block; color: #8d8d8d; font-family: 'Lucida Grande', 'Lucida Sans'; font-size: 12px; font-style: normal; margin: 0 0 4px 0; width: 100px; } #fg_membersite .container2 { cursor: pointer; width: 286px; font-family: 'Lucida Grande', 'Lucida Sans'; font-size: 12px; margin: -14px 0 20px 0; } #fg_membersite .container3 { cursor: pointer; width: 284px; font-family: 'Lucida Grande', 'Lucida Sans'; font-size: 12px; margin: -16px 0 8px 0; } #fg_membersite .button { cursor: pointer; width: 106px; height: 21px; font-family: 'Lucida Grande', 'Lucida Sans'; font-size: 12px; border: 1px solid #d3d3d3; border-color: #d3d3d3 #888888 #888888 #d3d3d3; background: #f7f7f7; color: #666666; text-align: justify; } #fg_membersite .short_explanation3 { margin: 0 10px 0 0; /*display: inline-block;*/ float: left; border: 1px solid; border-color: #0000ff; } /*Kontakt ende*/ /* _____________ Bild _____________ */ figure { height: 336px; width: 338px; display: inline-block; margin: -113px 0 0 491px; padding: 0 0 0 55px; } /* __________________________________________ Footer __________________________________________ */ footer { margin: auto; width: 763px; height: 64px; } address { color: #666666; font-size: 12px; line-height: normal; font-family: 'Lucida Grande', 'Lucida Sans'; font-style: normal; list-style: none; margin: 19px 0 0 41px; } address .posi2 { display: inline-block; } address .posi3 { margin: 0 0 0 56px; display: inline-block; }[/CODE] [/QUOTE]
Bilder bitte
hier hochladen
und danach über das Bild-Icon (Direktlink vorher kopieren) platzieren.
Zitate einfügen…
Authentifizierung
Wenn ▲ = 7, ▼ = 3, ◇ = 2 und die Summe von ▲ und ▼ durch ◇ geteilt wird, was ist das Ergebnis?
Antworten
Start
Forum
Sonstiges
Webdesign, Webentwicklung & Programmierung
PHP, Javascript, jQuery, Ajax, nodeJS, MySQL...
PHP/HTML Menü funktioniert nicht
Oben