html mit css verknüpfen

    Hi
    Ich hoffe jemand kann mir kurz helfen. Ich will eigentlich nur eine kleine Homepage erstellen. Ich habe ein CSS Stylesheet kopiert welches so aussieht:

    <!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"/>
    <meta name="Description" content="Geben Sie hier die Beschreibung der Webseite ein"/>
    <meta name="Keywords" content="Geben Sie hier Keywoerter zu Webseite ein"/>
    <meta name="author" content="HOWTO4ALL.de"/>
    <meta name="ROBOTS" content="index,follow" />
    <title>Geben Sie hier den Seitentitel ein</title>
    <style type="text/css">
    <!--
    html {min-height: 100%;}
    * {
    margin: 0;
    padding: 0;
    font-size: 10px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    }
    body {
    }
    .clearer {clear: both; font-size: 0;}
    .left {float: left;}
    .inner-container {
    border: 1px solid #000000;
    background: #FFF;
    font-size: 1.2em;
    margin: 0 auto;
    padding: 10px;
    width: 970px;
    margin-top: 8px;
    }
    .outer-container {
    padding-bottom: 14px;
    }
    .header {
    border: 1px solid #000000;
    height: 160px;
    margin-bottom: 5px;
    background-color: #FFCC00;
    }
    .content {
    border: 1px solid #000000;
    height: 420px;
    background-color: #FFFFCC;
    margin-top: 8px;
    }
    .navigation {
    border: 1px solid #000000;
    height: 25px;
    margin-top: 8px;
    background-color: #666666;
    }
    .footer {
    border: 1px solid #000000;
    color: #000000;
    margin-top: 8px;
    padding: 2px 4px;
    }
    .footer a {
    color: #000000;
    text-decoration: none;
    }
    -->
    </style>
    </head>
    <body>
    <div class="outer-container">
    <div class="inner-container">
    <div class="header">
    <h1>Header</h1>
    </div>
    <div class="navigation">
    <h1>Menu</h1>
    </div>
    <div class="content">
    <h1>Content</h1>
    </div>
    <div class="clearer"></div>
    <div class="footer">
    <span class="left">
    <a href="http://www.howto4all.de/">Zur freien Verwendung bereitgestellt von HOWTO4ALL.de</a>.
    </span>
    <div class="clearer"></div>
    </div>
    </div>
    </div>
    </body>
    </html>

    Ich habe diese Datei nun als stylesheet.css gespeichert.
    So nun möchte ich, dass ich im Bereich content jeweils eine html seite aufgeht wenn ich im bereich Menu auf einen button/link klicke.

    Kann mir jemand bitte helfen?

    also ich hab davon fast nix verstanden.. was genau willst haben?
    und du hast da nicht nur eine stylesheetfile, sondern eine ganze html-seite!
    der code hier muss in eine style.css

    und die bindest du mit folgendem befehl im kopf der htmldatei ein:
    <link rel="stylesheet" type="text/css" href="style.css">
    und wenn du jetzt verschiedene inhalte haben willst musste deine html-datei so oft kopieren, wie du seiten hast und lediglich die inhalte darin ändern!

    Ok das habe ich nun gemacht und sorry mein Beschreib war fürchterlich.
    Also, mit CSS wurde die Darstellung erstellt. Unter anderem gibt es ein Bereich der nennt sich navigation. Dort werde ich buttons reinstellen z.B music. So, mein wunsch ist nun, dass wenn ich auf diesen Button music klicke, die entsprechende music.html im Berich content aufgeht. Hoffe es ist verständlich was ich will

    Grundsätzlich musst du jede Seite mit ihrem kompletten Inhalt abspeichern.
    Beim Klick auf einen Menülink öffnet dann jede Seite komplett.

    Dein vorhaben lösst sich allenfalls mit PHP oder Javascript realisieren.

    Fixbestandteile wie die navi kannst du jedoch per PHP recht einfach includen.
    Dazu einfach mal etwas googeln.

    Mhhh also ich weiss ehrlich gesagt gar nicht nach was ich suchen muss, weil ich mich einfach zu wenig auskenne. Kennt jemand ein gutes Tutorial bei dem das schön erklärt wird?

    Das heisst, das ich meine Homepage mit HTML/CSS und PHP erstellen muss?

    Wo finde ich ein solches Grundgerüst auf dem ich aufbauen kann?
    Ich kann mir das halt am besten aneignen, wenn ich mal eine solche Vorlage habe.

    Für jeden Tip wäre ich sehr dankbar.

    http://de.selfhtml.org/
    http://www.css4you.de/index.html
    http://www.php.net/manual/de
    http://www.php-faq.de
    http://www.php-einfach.de
    http://tut.php-q.net/index.html
    http://dev.mysql.com/doc/refman/5.1/de/index.html
    http://ffm.junetz.de/members/reeg/DSP/
    http://www.phptutorials.de
    http://www.dynamic-webpages.de/05.tutorials.php

    PHP muss nicht unbedingt sein, vereinfacht die Sache (wenn man's kann) und vermeidet doppelte Quellcodes.

    Ansonsten würde ich sagen: Lerne die Grundlagen! Mit Null Ahnung wird das nichts und nimm' dir Zeit, von heute auf morgen hat das noch niemand gelernt.

    SelfHTML beantwortet dir deine Frage. Allerdings setzt das Eigeninitiative vorraus, die du leider nicht zeigst. Und deshalb ist unsere Motivation dir zu helfen auch nicht besonders groß.

    Ok eigentlich will ich nicht HTML/CSS und womöglich PHP zuerst perfekt lernen um mir eine kleine Homepage zu erstellen. Wollte eigentlich nur ein kleiner Tip. Wahrscheinlich ist es ein 2 zeiliger Code den ich irgendwo einsetzen muss, aber wenn ihr mir diesen nicht nennen wollt, dann akzeptiere ich das und schaue halt wo anderst weiter, schade eigentlich.

    Boah, jetzt stell' dich nicht so dämlich an!!! Ein wenig bei SelfHTML durchstöbern und schon hast du deine Lösung! Da findest du auch massenhaft Beispiele! Das sind Grundlagen, díe man einfach können sollte, auch wenn man nur eine einfach HTML-Seite erstellen will!

    wassn mit dir los? du hast nen haufen links bekommen und gnz oben haste selber nen grundgerüst fürs html geschrieben, ich hab dir gesagt wie du deinen style einbindest und so haste schon die erste html-datei die du benötigst- das template!

    wenn du mit php arbeiten möchtest brauchst du nur einen befehl können und zwar include

    PHP
    <?php
include('domainname/ordner/datei.php');
?>

    dann schauste nach was is alles gleich bei allen seiten und was ändert sich?

    das heisst du machst
    eine default_head_inc.php
    eine navi_inc.php
    eine default_bottom.inc.php

    und für jeden inhalt machste auch ne eigene php-datei

    da brauch nichma ne programmierlogik hinter stehen

    in der default head steht alles bis inklusive <body>

    in der navi machste eben deine navigation rein
    in die default-bottom kommt dann eben nur noch nen footer sofern du willst und </body></html>

    deine einzelnen inhaltsseiten sehen dann so aus:

    und nur zur info: wir sin hier ein hilfe-forum und leisten hilfe zur selbsthilfe und das erfordert dein mitwirken! wir kauen dir dein essen weder vor noch füttern wir dich damit du nur noch schlucken musst!

    Frohes Fest!

    Zitat von synaptic

    wir kauen dir dein essen weder vor noch füttern wir dich damit du nur noch schlucken musst!


    Wie? Auch noch schlucken? Geht das nicht auch intravenös? :D

    Sorry, musste sein. :D

    Ja ist ja gut, versteh ja was ihr meint.
    Ist halt einfach viel auf einmal gekommen. Da hab ich mal mit html lernen angefangen und schon benötigt mann CSS, dann hat man endlich mal was zusammen das einiger massen was ist und scho brauche ich PHP. Wäre für eine kleine Homepage etwas viel für den anfang. Aber du schreibst, ich müsse aus dem Inhalt eine php Datei machen. Ist denn der Inhalt nicht meine music.html die in den content reinkommt? Muss ich nun aus der html datei eine php datei erstellen?

    wenn du mit php arbeiten willst solltest du das schon tun, is besser, damit die includes funktionieren!

    wenn du ohne php arbeiten willst musst du deine erste htmldatei nehmen- das template-
    und diese datei so oft du sie brauchst kopieren und umbenennen, dann haste aber in jeder datei alles drin und wenn du was an der navi änderst musste des in allen seiten tun!

    Ich regel das immer so, wenn sich nur der Seiteninhalt ändert:
    Ich hab ne output.php, in der steht der HTML code und da wo der content hingehört, ist
    <?php echo $content; ?>
    Und das wars. Dann würd eben über PHP oder iwie anders $content gefüllt und dann Included, ist imprinzip nix anderes wie n iframe, nur ncih so veraltet.

    Der, der weiß dass er nichts weiß, weiß mehr als der, der nicht weiß, dass er nichts weiß.

    Wer nach etwas fragt, geht grundsätzlich das Risiko ein, es auch zu bekommen!

    Ist beides ne gute lösung, ich ind meine Auch übersichtlicher. Soll der entscheiden. Aber warum meckert jetzt schon wieder jemand?!? Ich wollte nurne Alternative bieten, die ich für besser halte. Genauso wie synaptiv das getan hat.

    Der, der weiß dass er nichts weiß, weiß mehr als der, der nicht weiß, dass er nichts weiß.

    Wer nach etwas fragt, geht grundsätzlich das Risiko ein, es auch zu bekommen!

    Ich kenne auch noch andere Lösungen. Die Lösung von synaptic ist für Anfänger die leichteste Methode, deine Lösung versteht bei der Beschreibung kein Mensch und ist auch nicht wirklich übersichtlich.

    Gut, dann nehm ich das zurück. Er soll entscheiden, wie ers maht.

    Der, der weiß dass er nichts weiß, weiß mehr als der, der nicht weiß, dass er nichts weiß.

    Wer nach etwas fragt, geht grundsätzlich das Risiko ein, es auch zu bekommen!