Neuling: switch Menu und gleichzeitig die CSS ändern für die jeweilige datei/seite****?

handyklinik · 15. Dezember 2010

Hallo liebes Forum,

ich beginne gerade für einen Kollegen eine Website zu basteln und häng vor einem Problem:

Ich habe mich für ein einfaches PHP Menu entschieden mit der ich Inhalte (*txt Dateien oder HTML, PHP Dateien) einfügen kann.

Jedoch nimmt z.B. die "AGB.txt" oder "AGB.html" nicht die "allgemeine.css" aus der index.php an, somit brauch also jeder Inhalt seine eigene CSS File? Richtig?

Wie bekomme ich das hin, dass wenn ich jetzt auf den LINK: AGB Klicke und dort auch die passende Css Datei aktiviert wird? neben der allgemeine.css aus der index.php?

PHP:

<?php
switch($_GET['seite']){

case "kontakt":
include("kontakt.txt");
break;

case "impressum":
include("impressum.txt");
break;

case "agb":
include("agb.txt");
break;

default:
require("start.txt");

}
?>

Ich wäre auch für eine ganz andere Menu Variante einverstanden

Sofern das klappt.

Wäre euch dankbar für eure Hilfe.

(Ja die Suchfunktion habe ich genutzt aber ich habe 0-verstanden);-)

String · 15. Dezember 2010

Ich glaube ganz entscheidend ist hier, was VOR dem PHP steht. Wenn dort schon der HTML-Header erstellt wurde, kannst du nicht noch einen in der start.html erstellen die ja dann in deine "haupt.php" includet wird.

string

handyklinik · 15. Dezember 2010

ja die index.php war sozusagen eine adobe photoshop html datei...

aber.. in der "index.php" sind ja auch die einheiten für die tabelle gefestigt:

<style type="text/css">
@import "allgemein.css";
</style>
</head>

das steht in der index.php

und wenn ich jetzt die "impressum"-seite aufrufe, dann ist der text nicht formatiert und ich weiß nicht wie ich das machen kann, dass die ganzen "inhalts-seiten" mit der einen einzigen ".css" datei "abgefertigt" werden....

weil in die jeweiligen dateien (agb, impressum, ueber uns usw.) kommen ja nochmals tabellen mit dem inhalt der ja mit css angeglichen werden muss, aber da diese seiten das nicht aus der "allgemein.css" übernehmen... brauch ich eine lösung

handyklinik · 15. Dezember 2010

Hier der Link zum Test:

http://www.unterwegsonline.com/test/index.php?seite=start

Die Links funktionieren. in dem mittel-teil der website soll der Inhalt rein, da wo "Start" und Kontakt" unterhalb des Logos stehen, ist jeweils 1 tabelle..

KANN ICH DAS ANDERS LÖSEN****? Ich wollte ja nur eine einfache struktur aufbauen und das einfach machen...

ComFreek · 15. Dezember 2010

Wieso machst du nicht noch eine CSS-Datei, in der alle CSS-Regeln für die Unterseiten drinstehen?

handyklinik · 15. Dezember 2010

ich hab ja eine CSS Datei.. "allgemein.css" die in der "index.php" verankert ist.

aber der inhalt aus der z.B. agb.txt wird damit nicht angerührt.. warum?

ComFreek · 15. Dezember 2010

Zeig doch mal den ausgegebenen Quelltext her, also z.B. wenn die Option agb aktiviert ist.
Du könntest folgendes versuchen:

PHP:

$seiten = array("kontakt", "impressum", "agb", "start");
$seite = $_GET['seite']

if ( !in_array($seite, $seiten) )
  $seite = "start";

include($seiten[$seite].".css");
/* HEAD schließen! */
include($seiten[$seite].".txt");

Damit wird geguckt, ob eine Seite definiert ist, und wenn sie es ist, dann wird zuerst die gleichnamige CSS-Datei eingebunden und danach die Seite selbst. Wenn nicht, dann wird simuliert, als ob die Seite "start" wäre.

Allerdings müsstest du noch den Head schließen und den Code vom der Adobe Photoshop HTML-Datei umbauen.

handyklinik · 15. Dezember 2010

PHP:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>


  
  <meta http-equiv="Content-Language" content="de">


  
  <meta content="text/html; charset=iso-8859-1" http-equiv="Content-Type">

  


  
  <title>Die Handyklinik in Norderstedt</title>
  <style type="text/css">
@import "allgemein.css";
  </style>
</head>


<body>


<table style="width: 1000px; height: 100%; margin-left: auto; margin-right: auto;" border="0" cellpadding="0" cellspacing="0">


  <tbody>


    <tr>


      <td colspan="5" style="height: 181px; width: 1000px; background-image: url(images/handyklinik_neu_01.jpg);">
      </td>


    </tr>


    <tr>


      <td style="height: 35px; width: 40px; background-image: url(images/handyklinik_neu_02.jpg);">
      </td>


      <td class="text" style="height: 35px; width: 392px; text-align: center; vertical-align: middle; background-image: url(images/handyklinik_neu_03.jpg);"><a href="index.php?seite=start">Start</a></td>


      <td style="height: 35px; width: 110px; background-image: url(images/handyklinik_neu_04.jpg);">
      </td>


      <td style="height: 35px; width: 418px; background-image: url(images/handyklinik_neu_05.jpg);">
      <a href="index.php?seite=erste">Kontakt</a></td>


      <td style="height: 35px; width: 40px; background-image: url(images/handyklinik_neu_06.jpg);">
      </td>


    </tr>


    <tr>


      <td style="width: 40px; height: 100%; background-image: url(images/handyklinik_neu_07.jpg);">
      </td>


      <td style="height: 100%; width: 920px; text-align: left; vertical-align: top; background-color: rgb(239, 239, 239);" colspan="3"><!-- PHP Beginning --><?php
switch($_GET['seite']){

case "kontakt":
include("kontakt.txt");
break;

case "impressum":
include("impressum.txt");
break;

case "agb":
include("agb.txt");
break;

default:
require("start.html");

}
?><!-- End PHP -->
      </td>


      <td style="width: 40px; height: 100%; background-image: url(images/handyklinik_neu_09.jpg);">
      </td>


    </tr>


    <tr>


      <td style="width: 40px; background-image: url(images/handyklinik_neu_10.jpg); height: 40px;">
      </td>


      <td class="text" colspan="3" style="width: 920px; height: 40px; text-align: center; vertical-align: top; background-color: rgb(239, 239, 239);"><br>


<a href="index.php?seite=agb">AGB</a> | <a href="index.php?seite=kontakt">Kontakt</a> | <a href="index.php?seite=impressum">Impressum</a><br>


      <br>


      <img style="width: 920px; height: 5px;" alt="" src="http://www.tutorials.de/images/test.jpg"><br>


      </td>


      <td style="width: 40px; background-image: url(images/handyklinik_neu_12.jpg); height: 40px;">
      </td>


    </tr>


    <tr>


      <td style="width: 40px; background-image: url(images/handyklinik_neu_10.jpg); height: 30px;">
      </td>


      <td class="copyright" colspan="3" style="width: 920px; text-align: center; vertical-align: middle; background-image: url(images/handyklinik_neu_11.jpg); height: 30px;">&copy;&nbsp;2010
diehandyklinik.de</td>


      <td style="width: 40px; background-image: url(images/handyklinik_neu_12.jpg); height: 30px;">
      </td>


    </tr>


  
  </tbody>
</table>


</body>
</html>

das ist jetzt lokal vom pc!

und das online:

PHP:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>


  
  <meta http-equiv="Content-Language" content="de">


  
  <meta content="text/html; charset=iso-8859-1" http-equiv="Content-Type">

  


  
  <title>Die Handyklinik in Norderstedt</title>
  <style type="text/css">
@import "allgemein.css";
  </style>

</head>


<body>


<table style="width: 1000px; height: 100%; margin-left: auto; margin-right: auto;" border="0" cellpadding="0" cellspacing="0">


  <tbody>


    <tr>


      <td colspan="5" style="height: 181px; width: 1000px; background-image: url(images/handyklinik_neu_01.jpg);">
      </td>


    </tr>


    <tr>


      <td style="height: 35px; width: 40px; background-image: url(images/handyklinik_neu_02.jpg);">
      </td>


      <td class="text" style="height: 35px; width: 392px; text-align: center; vertical-align: middle; background-image: url(images/handyklinik_neu_03.jpg);"><a href="index.php?seite=start">Start</a></td>


      <td style="height: 35px; width: 110px; background-image: url(images/handyklinik_neu_04.jpg);">
      </td>


      <td style="height: 35px; width: 418px; background-image: url(images/handyklinik_neu_05.jpg);">
      <a href="index.php?seite=erste">Kontakt</a></td>


      <td style="height: 35px; width: 40px; background-image: url(images/handyklinik_neu_06.jpg);">
      </td>


    </tr>


    <tr>


      <td style="width: 40px; height: 100%; background-image: url(images/handyklinik_neu_07.jpg);">

      </td>


      <td style="height: 100%; width: 920px; text-align: left; vertical-align: top; background-color: rgb(239, 239, 239);" colspan="3"><!-- PHP Beginning -->  <style type="text/css">
@import "agb.css";
  </style>


TEST<!-- End PHP -->
      </td>


      <td style="width: 40px; height: 100%; background-image: url(images/handyklinik_neu_09.jpg);">

      </td>


    </tr>


    <tr>


      <td style="width: 40px; background-image: url(images/handyklinik_neu_10.jpg); height: 40px;">
      </td>

      <td class="text" colspan="3" style="width: 920px; height: 40px; text-align: center; vertical-align: top; background-color: rgb(239, 239, 239);"><br>


<a href="index.php?seite=agb">AGB</a> | <a href="index.php?seite=kontakt">Kontakt</a> | <a href="index.php?seite=impressum">Impressum</a><br>


      <br>


      <img style="width: 920px; height: 5px;" alt="" src="http://www.tutorials.de/images/test.jpg"><br>


      </td>


      <td style="width: 40px; background-image: url(images/handyklinik_neu_12.jpg); height: 40px;">
      </td>


    </tr>


    <tr>


      <td style="width: 40px; background-image: url(images/handyklinik_neu_10.jpg); height: 30px;">
      </td>


      <td class="copyright" colspan="3" style="width: 920px; text-align: center; vertical-align: middle; background-image: url(images/handyklinik_neu_11.jpg); height: 30px;">&copy;&nbsp;2010
diehandyklinik.de</td>


      <td style="width: 40px; background-image: url(images/handyklinik_neu_12.jpg); height: 30px;">
      </td>


    </tr>


  
  </tbody>
</table>


</body>
</html>

wobei ich gerade sehe, dass ich in der agb.txt was probiert habe mit einer separaten .css datei... aber das funktioniert alles nicht...

ComFreek · 15. Dezember 2010

Ich habe eben (18:26) meinen Beitrag editiert!

handyklinik · 15. Dezember 2010

Vielen Dank erstmal für deine Hilfe..

Ist das nicht das hier was ich suche?

http://www.tutorials.de/php/269416-php-content-css-dateien-mit-switch-austauschen.html

Ich versteh das nur nicht mit dem Echo********

Neuling: switch Menu und gleichzeitig die CSS ändern für die jeweilige datei/seite****?

handyklinik

Grünschnabel

String

Erfahrenes Mitglied

handyklinik

Grünschnabel

handyklinik

Grünschnabel

ComFreek

Mod | @comfreek

handyklinik

Grünschnabel

ComFreek

Mod | @comfreek

handyklinik

Grünschnabel

ComFreek

Mod | @comfreek

handyklinik

Grünschnabel

Neue Beiträge