neue Seite laden?

    Hey Leute,

    ach was war das doch für eine schöne Zeit mit HTML Frames. Und so einfach.. :)

    Aber ich habe eingesehen, dass es nicht sinnvoll ist seine Seite mit Frames oder Tabellen aufzubauen.

    Also habe ich jetzt nach mühevoller Arbeit ein ansprechendes design gezaubert. Bestehend aus drei div containern.
    im zweiten Container habe ich das menu. Es sind ein paar Wörter die angeklickt werden sollen.
    Im dritten Container soll dann der variierende Inhalt angezeigt werden.

    Sorry, aber die Infos dazu sind alle sehr dürftig.
    Man bekommt immer wieder neue Codes, die mir nicht schlüssig sind.
    Was ich bisher herausbekommen habe. Ich möchte keine iFrames verwenden. Oder möchte ich das doch? Die Seite soll ja schnell aufgebaut werden und trotzdem bei Googel an erster Stelle stehen.
    Einen Server der PHP unterstütz habe ich, das wäre wohl die Lösung, da Java Script nicht empfohlen wird.

    Muss ich mir das so vorstellen:

    Jemand klickt auf das Wort: Süsse Häschen und zack, lädt sich die komplette Seite neu, inkl. Menu und einem Bild von einer hübschen Frau im anderen Container. Fertig

    Wenn ja, bitte schreibt mir mal wie ich das wo reinprogrammieren muss.

    Das muss doch bestimmt nen ganz leichter code sein. Ein Basiswerkzeug so zu sagen..

    Aber ich komme nicht weiter.

    LG Markus

    So sieht es bei mir momentan noch aus:

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
    <html lang="en">
    <head>
    <meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
    <title>GELLI COUTURE´</title>
    <link rel="stylesheet" type="text/css" href="couture.css">

    <style type="text/css" media="screen">
    .women
    {position: absolute;
    left: 70px;
    top: 70px;
    }
    .men
    {position: absolute;
    left: 70px;
    top: 90px;
    }

    div.box {
    background-image: url(back.png); /* Für moderne Browser */
    width: 300px; /* Breitenangabe */
    }
    </style>
    <!--[if lt IE 7]>
    <style type="text/css">
    div.box {
    background-image: none;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=scale, src='back.png');
    }

    </style>
    <![endif]-->

    </head>

    <body>

    <div style="position: absolute;
    top: 00px;
    left: 00px;
    width: 1300px;
    height: 900px;
    background-color: #eeeeea;
    border: solid 0px silver;
    filter: alpha(opacity=100); opacity: 0.6;-moz-opacity: 0.6;-khtml-opacity: 0.6;"
    overflow: hidden;>
    </div>

    <div style="position: absolute;
    top: 180px;
    left: 160px;
    width: 942px;
    height: 487px;
    background-color: #ddd;
    border: solid 0px silver;
    filter: alpha(opacity=100); opacity: 0.6;-moz-opacity: 0.6;-khtml-opacity: 0.6;">
    <h2>
    <div class="women"><a href="Kopie von Kopie von endlich.html" target="main" id="Kopie von endlich.html">Women</a></div>
    <div class="men">Men</div>

    <a href="home.html" target="main" id="button-home">home</a>


    </h2>

    </div>


    <div style="position: absolute;
    top: 180px;
    left: 340px;
    width: 764px;
    height: 487px;
    background-color: blue;
    border: solid 0px silver;
    filter: alpha(opacity=100); opacity: 0.6;-moz-opacity: 0.6;-khtml-opacity: 0.6;">
    <img src="model.bmp">
    </div>

    <div style="position: absolute;
    top: 673px;
    left: 985px;
    width: 200px;
    height: 20px;
    background-color: #eeeeea;
    border: solid 0px silver;
    filter: alpha(opacity=100); opacity: 0.6;-moz-opacity: 0.6;-khtml-opacity: 0.6;">
    <h2>
    </h2>
    </div>

    </body>
    </html>

    Ähm, ich sag' mal so: wenn man sich den HTML- und den CSS-Code ansieht, muss man feststellen, dass du von beidem keine/kaum Ahnung hast. Und wenn ich deinen Text richtig deute, hast du Null Ahnung von PHP. Diese Kombination führt zwangsläufig zum Scheitern, das klappt nie und nimmer. Lerne erst einmal die Grundlagen in Sachen HTML und CSS, bevor du überhaupt an PHP denkst.

    Und bei mir ist es gerade umgekehrt: Ich werde nie kapieren, wie Frames funktionieren ;)

    Grundsätzlich wird bei einem CSS-Layout immer die ganze Seite immer komplett geladen. Mit Navi, Header und allem drum und dran.

    Das hat viele Vorteile, aber auch den Nachteil, dass man z.B. Änderungen in der Navi immer auf sämtlichen Seiten vornehmen muss.
    Dazu gibt es aber auch eine Lösung: Wenn dein Webspace PHP-fähig ist, kannst du den Code von Fixbestandteilen includen. Lies dir hierzu mal dies komplett durch.
    Aller Anfang ist schwer. Aber wenn du mals das System verstanden hast, wirst du deinen Frames und Tabellen sicher nicht mehr nachtrauern.

    Hey,

    ja, das weiß ich ja jetzt, dasss sich die Seiten immer wieder neu aufbauen.
    Okay, sollen sie doch.

    Aber was muss ich denn jetzt eintippen, damit ich weiterarbeiten kann?

    Also was muss ich schreiben, damit bei einem klick auf ein Wort sich die Seite im selben Fenster neu lädt?

    Code
    <!-- menu.inc.html -->
<div class='menu'>
 <ul class='menu_entries'>
  <li><a href="inde.php?page=home">Home</a></li>
  <li><a href="inde.php?page=kontakt">Kontakt</a></li>
  <li><a href="inde.php?page=impressum">Impressum</a></li>
 </ul>
</div>

    Ich glaube, dass "Abendfrieden" mit nichts anfangen kann, weil anscheinend die erforderlichen Grundlagen fehlen. Außerdem kam ja die Frage nach PHP. ;)