Computerhilfen.de Logo
Forum
Tipps
News
Frage stellen

"include" im CSS Design richtig anwenden (seite im conten öffnen)

Hallo,

ich habe ein CSS Design erstellt und will jetzt, dass wenn ich in der Navigation auf ein Link klicke sich die Seite im "conten" öffnet.
Bisher habe ich es nur hingekriegt, dass es entweder in einer ganz neuen Seite öffnet
(das heist ich muss für jede Seite das ganze Design einfügen und immer jeden neuen Link einzeln einfügen in jede Seite) oder die andere Seite immer im "content" steht.

kann mir jemand helfen, damit wenn ich auf einen Link klicke, dass diese Seite dann erst im "conten" zu sehen ist?

 index.php
 

Zitat
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Juerka</title>
<link rel="stylesheet" type="text/css" href="layout.css"/>
</head>

<body background="background.JPG">
<div id="container">

<div id="header">
<img src="banner.gif" alt="Banner" /></div>
<!--Ende #header-->

<div id="menuleft">
  <p>Navigation </p>
<?php include "menue.html"; ?>
  </div>

<div id="menuright"> Zusätzliches </div>

<div id="content">
</div>

<div id="footer"> Footer </div>

<p style="clear: both;">&nbsp; </p>
</div>
<!---Ende #container-->
</body>
</html>

 menue.html:
 
Zitat
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Juerka</title>
</head>

<body>
<p>
    <a href="http://validator.w3.org/check?uri=referer"><img
        src="http://www.w3.org/Icons/valid-xhtml10-blue"
        alt="Valid XHTML 1.0 Transitional" height="31" width="88" /></a>

<br>

<p>
<a href="http://jigsaw.w3.org/css-validator/">
    <img style="border:0;width:88px;height:31px"
        src="http://jigsaw.w3.org/css-validator/images/vcss-blue"
        alt="CSS ist valide!" />

<p> <a href="borussia.html">Borussia</a>
</a>
</p>
  </p>
</body>
</html>

 borussia.html:
 
Zitat
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Borussia Mönchengladbach</title>
</head>

<body>
<p>Test!!!</p>
<p>Test!!!</p>
<p>Test!!!</p>
<p>Test!!!</p>
<p>Test!!!</p>
<p>Test!!!</p>
<p>&nbsp; </p>
</body>
</html>

layout.css:
 
Zitat
#container {
width: 900px;
margin: 20px auto;
border: 1px solid black;
background: #D6D6D6; }

#header {
width: 900px;
background: #D6B88D;
margin-bottom: 15px; }

#menuleft {
width: 200px;
float: left;
padding: 5px;
background: #C5D78D; }

#menuright {
width: 180px;
float: right;
padding: 5px;
background: #A1B074; }

#content {
width: 470px;
padding: 5px;
margin-left: 220px;
background: #ffff00; }

#footer {
width:470px;
margin: 15px;
margin-left: 220px; 
padding: 5px;
background: #00ff7f; }

Danke,

meine Seite: http://juerka.bplaced.net/

 ??? wo ist jetzt mein Banner. lokal auf dem computer sehe ich den und auf dem server nicht  ???
« Letzte Änderung: 31.05.08, 14:49:00 von ComputerPirat »

Antworten zu "include" im CSS Design richtig anwenden (seite im conten öffnen):

Hat dir diese Antwort geholfen?

Danke ButtonHilfreiche Antwort Button

Du solltest Dir die Funktionsweise und den Sinn der Include-Anweisung noch einmal genau ansehen.  ;) Wenn Du wechselnde Inhalte an der gleichen Stelle innerhalb einer Seite7Datei anzeigen möchtest, dann ist include dafür nicht der direkte Weg. In diesem Fall müssen die Inhalte irgendwoher kommen, sprich nur in einem bestimmten Fall (Bsp. bei Abruf eines Links) an dieser "Stelle" geschrieben werden. Dabei hilft Dir inlude nicht wirklich weiter, Dein Vorhaben ist die typische Eigenschaft eines CMS.

Hat dir diese Antwort geholfen?

Danke ButtonHilfreiche Antwort Button

und wie soll ich das Problem auf einem anderem Weg lösen?
ich habe mir viele Seite angesehen und über all wurde geschrieben, dass es über include geht.
es geht glaube ich auch über java aber ich weiss nicht wie ich das machen soll.

ich habe es mal mit cms probiert war mir aber zu langweilig und für mich kompliziert und auch irgendwo eingeschränkt im aufbau einer seite usw... 

wie soll ich das machen damit es funktioniert wie ich will?

im internet gibt es ja viele CSS designs und die mussten ja das auch irgendwie hin gekriegt haben?

Danke,
 

« Letzte Änderung: 31.05.08, 20:46:07 von ComputerPirat »

Hat dir diese Antwort geholfen?

Danke ButtonHilfreiche Antwort Button

 

Zitat
ich habe mir viele Seite angesehen und über all wurde geschrieben, dass es über include geht
Da hast Du die Interpretation der Beschreibungen Deinem Wuinschdenken untergeordnet. Include hilft Dir nur so wiet, als Du eine komplette Seite oder Funktion "einschließen" kannst. Das wären natürlich auch Inhalte. So z.Bsp. per Include an einer bestimmten Stelle den Inhalt einer Textdatei. Befasse Dich statt dessen mit "echo" und dem Auslesen einer Datendatei (txt-File oder Datenbankfile) um wechselende Inahlte in der gleichen Seite anzuzeigen ohne das die Seite wechselt. Die Seite wird beim Aufruf des Links zum"Austauisch" der Inhalte dann ohnehin im Browser neu generiert, die Seite bleibt nicht "stehen" und wechslet nur den Inhalt aus.

 
Zitat
im internet gibt es ja viele CSS designs und die mussten ja das auch irgendwie hin gekriegt haben?
Hat mit CSS nichts zu tun. CSS dient lediglich zum Formatieren und ist eine Auszeichnungssprache.

Hat dir diese Antwort geholfen?

Danke ButtonHilfreiche Antwort Button

Vielleicht hilft dir das weiter.

« Letzte Änderung: 31.05.08, 22:11:04 von prm »

Hat dir diese Antwort geholfen?

Danke ButtonHilfreiche Antwort Button

ok,
ich habe mal als beispiel aus einen anderem Forum den php code hier rein kopiert.
soll auch meine so ungefähr aussehen mit den ganzen "echo" in jeder Zeile?

index.php:
 

Zitat
<?php
    error_reporting(E_ALL);
    $pw = md5(123);

    echo "<!DOCTYPE html PUBLIC \"-//W3C//DTD XHTML 1.0 Strict//EN\"\n";
    echo "         \"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd\">\n";
    echo "<html>\n";
    echo "    <head>\n";
    echo "        <title>Projekt</title>\n";
    echo "        <link rel=\"stylesheet\" type=\"text/css\" href=\"design.css\" />\n";
    echo "        <meta http-equiv=\"Content-Type\" content=\"text/html; charset=ISO-8859-1\" />\n";
    echo "    </head>\n";
    echo "    <body>\n";
    echo "        <div id=\"root\">\n"; // ganz oberer Div-Holder
    echo "            <div id=\"oben\">\n"; // der Header-Bereich
    echo "                Der Header";
    echo "            </div>\n";
    echo "            <div id=\"rand\">\n"; // Menu mit Login
    echo "                Hier kommt ein Menu hin\n";
    echo "            </div>\n";
    echo "            <div id=\"inhalt\">\n"; // In der Mitte der Inhalt
    echo "                $pw \n";
    echo "            </div>\n";
    echo "            <div id=\"rand\">\n"; // Menu mit allg. Links und neuestes Profil
    echo "                <a href='http://gmx.de' target='_blanc'>GMX</a>\n";
    echo "            </div>\n";
    echo "            <div id=\"unten\">\n"; // der Footer-Bereich
    echo "                  Der Footer \n";
    echo "            </div>\n";
    echo "            <br style=\"clear:both;\" />\n"; // css-float beenden
    echo "       </div>\n";
    echo "    </body>\n";
    echo "</html>\n";
?> 

Danke,

Hat dir diese Antwort geholfen?

Danke ButtonHilfreiche Antwort Button

Nö. Das ist am Thema vorbei.  ;)

Was Du verwirklichen möchtest findest Du in diesem schönen Thread:

http://xhtmlforum.de/41614-php-include-ich-raff-es-nicht.html

Hat dir diese Antwort geholfen?

Danke ButtonHilfreiche Antwort Button

Hallo,
da bin ich wieder. jetzt habe ich mal einbischen damit gearbeitet. aber ich verstehe es einfach nicht, da habe ich zu wenig php kenntnisse.
es wird auch nirgendwo erklärt was in diesem moment passiert.

wenn ich es auf meine seite hochlade, dann kommt diese meldung:
"Parse error: syntax error, unexpected '&' in /users/juerka/www/index.php on line 20"

index.php:
 

Zitat
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Juerka</title>
<link rel="stylesheet" type="text/css" href="layout.css"/>
</head>

<body background="background.JPG">
<div id="container">

<div id="header">
<img src="banner.gif" alt="Banner" /></div>
<!--Ende #header-->

<div id="menuleft">
  <p>Navigation</p>
  <?php
   if(isset($_GET['page'])){
      if(file_exists('content/' . &_GET['page'] . '.php')){
         include('menue/' . &_GET['page'] . '.php');
      }
      else{
         include('menue/none.php')

      }
   else{
      include('menue/index.php');
   }
   ?>
  </div>

<div id="menuright"> Zusätzliches </div>

<div id="content">
<?php
   if(isset($_GET['page'])){
      if(file_exists('content/' . $_GET['page'] . '.php')){
         include('content/' . $_GET['page'] . '.php');
      }
      else{
         include ('error404.php');
      }
   }
   else{
      include('content/index.php');
   }
   ?>
</div>

<div id="footer"> Footer </div>

<p style="clear: both;">&nbsp; </p>
</div>
<!---Ende #container-->
</body>
</html>
 

Danke,

« Website/Internetseite erstellen, wie?Windows 2003 Server: "FTP-Konten" mit Weiterleitung? »
 

Schnelle Hilfe: Hier nach ähnlichen Fragen und passenden Tipps suchen!

Fremdwörter? Erklärungen im Lexikon!
CSS
CSS ist die Abkürzung für Cascading Style Sheets, eine Beschreibungssprache im Internets, die für die visuelle Gestaltung von Webseiten verantwortlich ist....

Dead Link
Als Dead Link, also einen toten Link, bezeichnet man eine Verlinkung oder Verknüpfung, die ins Leere führt. Der Link bezieht sich auf einen Zielpunkt, der nicht...

Deep Link
Die Begriffe Surface Link und Deep Link (in Deutsch: Oberflächenverknüpfung und tiefe Verknüpfung) sind Begriffe aus dem Webmaster-Bereich und bezeichnen v...