Seite 1 von 4 1234 LetzteLetzte
Ergebnis 1 bis 10 von 36

Thema: html mit css verknüpfen

  1. #1
    Youngster
    Registriert seit
    17.12.2009
    Beiträge
    15
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard 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?
    Achtung: Dies ist ein alter Thread im HTML und Webmaster Forum
    Diese Diskussion ist älter als 90 Tage. Die darin enthaltenen Informationen sind möglicherweise nicht mehr aktuell. Erstelle bitte zu deiner Frage ein neues Thema im Forum !!!!!

  2. #2
    Forum Guru Avatar von synaptic
    Registriert seit
    20.06.2007
    Ort
    Butzbach-Wiesental
    Beiträge
    10.901
    Danke
    45
    Bekam 48 mal "Danke" in 46 Postings
    Blog-Einträge
    1

    Standard AW: html mit css verknüpfen

    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
    Code:
    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;
    }
    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!
    KEIN support via pn, email, messenger oder falsch geposteten threads
    Futter für deine Schnuffelzwerge gibts bei den Schnuffelzwergen TOP Qualität, also klicken und kaufen

  3. #3
    Youngster
    Themenstarter

    Registriert seit
    17.12.2009
    Beiträge
    15
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: html mit css verknüpfen

    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

  4. #4
    Kaiser(in)
    Registriert seit
    24.04.2006
    Ort
    Ludwigshafen
    Beiträge
    2.720
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: html mit css verknüpfen

    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.

  5. #5
    Forum Guru Avatar von synaptic
    Registriert seit
    20.06.2007
    Ort
    Butzbach-Wiesental
    Beiträge
    10.901
    Danke
    45
    Bekam 48 mal "Danke" in 46 Postings
    Blog-Einträge
    1

    Standard AW: html mit css verknüpfen

    Zitat Zitat von sejuma Beitrag anzeigen
    Fixbestandteile wie die navi kannst du jedoch per PHP recht einfach includen.
    Dazu einfach mal etwas googeln.
    oder die sufu hier im forum nutzen, wurd alles schon xfach besprochen
    KEIN support via pn, email, messenger oder falsch geposteten threads
    Futter für deine Schnuffelzwerge gibts bei den Schnuffelzwergen TOP Qualität, also klicken und kaufen

  6. #6
    Youngster
    Themenstarter

    Registriert seit
    17.12.2009
    Beiträge
    15
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: html mit css verknüpfen

    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.

  7. #7
    Bandit
    Gast

    Standard AW: html mit css verknüpfen

    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.

  8. #8
    Youngster
    Themenstarter

    Registriert seit
    17.12.2009
    Beiträge
    15
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: html mit css verknüpfen

    Also wenn das ohne PHP geht, benötige ich doch nur einen code den ich einbauen kann. Kann mir denn jemand das erklären?

  9. #9
    Bandit
    Gast

    Standard AW: html mit css verknüpfen

    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ß.

  10. #10
    Youngster
    Themenstarter

    Registriert seit
    17.12.2009
    Beiträge
    15
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: html mit css verknüpfen

    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.

Ähnliche Themen

  1. Datenbank mit MS Access mit HTML-Website verknüpfen
    Von Cerifera im Forum Datenbank Forum - MySQL und andere Datenbanksoftware
    Antworten: 5
    Letzter Beitrag: 14.12.2009, 10:21
  2. umfragen verknüpfen?
    Von lt.reed im Forum HTML & CSS Forum
    Antworten: 2
    Letzter Beitrag: 25.04.2009, 01:14
  3. Hotlink mit Image verknüpfen?
    Von Newby im Forum HTML & CSS Forum
    Antworten: 5
    Letzter Beitrag: 07.03.2008, 15:39
  4. Button mit Ziel verknüpfen
    Von T3X im Forum Flash Forum
    Antworten: 6
    Letzter Beitrag: 02.02.2006, 15:03
  5. cgi mit html site verknüpfen --> hilfe
    Von katys im Forum PHP Forum - Apache - CGI - Perl - JavaScript und Co.
    Antworten: 0
    Letzter Beitrag: 03.03.2005, 22:50

Stichworte

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •