+ Antworten
Ergebnis 1 bis 15 von 15

Thema: Stylesheet wird nicht übernommen

  1. #1
    Tom
    Tom ist offline
    TP-Insider Tom macht sich hier sehr viel Mühe Avatar von Tom
    Registriert seit
    May 2001
    Ort
    Am Zürisee
    Beiträge
    847

    Stylesheet wird nicht übernommen

    Hi, ich habe folgendes problem:

    ich habe 3 Dateien: header.php, footer.php und index.php

    nun im header ist folgender code drin:

    <!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>titel</title>
    <link href="../css/styles.css" rel="stylesheet" type="text/css" />
    </head>

    <body>


    im Footer:
    </body>
    </html>


    und im index.php:
    <?php include("includes/header.php"); ?>

    <?php include("includes/footer.php"); ?>


    nur leider wird im index.php das stylesheet nicht übernommen (Background-Farbe).

    Was mache ich falsch?

    danke für euer feedback.grüsse...tom
    Im Nichtstun bleibt nichts ungetan - Laotse

  2. #2
    TP-Moderator Cybergreek lebt für das TP und seine User Cybergreek lebt für das TP und seine User Cybergreek lebt für das TP und seine User Cybergreek lebt für das TP und seine User Cybergreek lebt für das TP und seine User Cybergreek lebt für das TP und seine User Avatar von Cybergreek
    Registriert seit
    Nov 2005
    Ort
    Köln
    Beiträge
    1.608
    Ich interpretiere mal frei, dass Du das "../" rausnehmen musst.
    Dafür müsste man aber wissen, welche Dateien in welchem Verzeichnis stecken.
    Grüße vom Griechen,
    Cybergreek!

    everygain Translator - eine Firefox-Erweiterung, damit der Grieche Euch besser versteht

  3. #3
    Tom
    Tom ist offline
    TP-Insider Tom macht sich hier sehr viel Mühe Avatar von Tom
    Registriert seit
    May 2001
    Ort
    Am Zürisee
    Beiträge
    847
    hab mal alles in ein zip gepackt...
    Angehängte Dateien
    Im Nichtstun bleibt nichts ungetan - Laotse

  4. #4
    TP-Moderator Cybergreek lebt für das TP und seine User Cybergreek lebt für das TP und seine User Cybergreek lebt für das TP und seine User Cybergreek lebt für das TP und seine User Cybergreek lebt für das TP und seine User Cybergreek lebt für das TP und seine User Avatar von Cybergreek
    Registriert seit
    Nov 2005
    Ort
    Köln
    Beiträge
    1.608
    Zitat Zitat von Cybergreek Beitrag anzeigen
    Ich interpretiere mal frei, dass Du das "../" rausnehmen musst.
    Hab mich mal zitiert
    Grüße vom Griechen,
    Cybergreek!

    everygain Translator - eine Firefox-Erweiterung, damit der Grieche Euch besser versteht

  5. #5
    TP-Moderator fuchzga lebt für das TP und seine User fuchzga lebt für das TP und seine User fuchzga lebt für das TP und seine User fuchzga lebt für das TP und seine User fuchzga lebt für das TP und seine User fuchzga lebt für das TP und seine User fuchzga lebt für das TP und seine User Avatar von fuchzga
    Registriert seit
    Nov 2007
    Ort
    München
    Beiträge
    1.835
    Ich würde immer absolute Pfade nehmen. Dann würde es so aussehen:
    HTML-Code:
    <link href="/css/styles.css" rel="stylesheet" type="text/css" />
    HTML-Code:
    body{
    	background-image:url(/images/background.jpg);
    }
    EDIT
    bzw: /hotel/css/styles.css jenachdem wo dein DocRoot beginnt.

  6. #6
    Tom
    Tom ist offline
    TP-Insider Tom macht sich hier sehr viel Mühe Avatar von Tom
    Registriert seit
    May 2001
    Ort
    Am Zürisee
    Beiträge
    847
    irgendwie bin ich zu blöd dafür...es funzt nicht mit direktem pfad...
    Im Nichtstun bleibt nichts ungetan - Laotse

  7. #7
    TP-Moderator fuchzga lebt für das TP und seine User fuchzga lebt für das TP und seine User fuchzga lebt für das TP und seine User fuchzga lebt für das TP und seine User fuchzga lebt für das TP und seine User fuchzga lebt für das TP und seine User fuchzga lebt für das TP und seine User Avatar von fuchzga
    Registriert seit
    Nov 2007
    Ort
    München
    Beiträge
    1.835
    Hast du es auf einen Webserver hochgeladen?
    Nur dann würde es mit dem Pfad funktionieren.

  8. #8
    Tom
    Tom ist offline
    TP-Insider Tom macht sich hier sehr viel Mühe Avatar von Tom
    Registriert seit
    May 2001
    Ort
    Am Zürisee
    Beiträge
    847
    teste alles auf xampp, auch da sollte es doch gehen....?? Auch wenn ich es auf den webserver hochlade...nix hintergrund eingefärbt....
    Geändert von Tom (28.11.2008 um 14:10 Uhr)
    Im Nichtstun bleibt nichts ungetan - Laotse

  9. #9
    TP-Moderator fuchzga lebt für das TP und seine User fuchzga lebt für das TP und seine User fuchzga lebt für das TP und seine User fuchzga lebt für das TP und seine User fuchzga lebt für das TP und seine User fuchzga lebt für das TP und seine User fuchzga lebt für das TP und seine User Avatar von fuchzga
    Registriert seit
    Nov 2007
    Ort
    München
    Beiträge
    1.835
    Ja, Xampp ist ein Webserver.
    Wie lautet denn die URL, die du im Browser eingibst:
    http://localhost/hotel/index.php oder
    http://localhost/xampp/hotel/index.php usw...

    Hier wäre es dann wahrscheinlich besser, sich von absoluten Pfaden zu verabschieden.

    Im Grunde ist es ganz einfach:
    1. index.php ist er Ausgangspunkt (Root)
    2. css liegt im Verzeichnis unter dem Ausgangspunkt, dann sieht es so aus:
    HTML-Code:
    <link href="css/styles.css" rel="stylesheet" type="text/css" />
    Da sich die styles.css dann im Ordner css befindet, musst du einen Ordner zurück, das wird mit ".." gemacht, dann das Bild im Ordner images aufrufen.

    HTML-Code:
    body{
    	background-image:url(../images/background.jpg);
    }
    Probier mal bitte.

    Ich werd das Gefühl nicht los, dass cybergreek das schon von Anfang an geahnt hätte..
    Geändert von fuchzga (28.11.2008 um 14:36 Uhr) Grund: Habs nochmal gegengelesen... *aargh*

  10. #10
    Tom
    Tom ist offline
    TP-Insider Tom macht sich hier sehr viel Mühe Avatar von Tom
    Registriert seit
    May 2001
    Ort
    Am Zürisee
    Beiträge
    847
    jaaaaaaaaaaaaaaaaaa, es funzt... koool, du hast mir das Wochenende versüsst. Dankeschööön
    Im Nichtstun bleibt nichts ungetan - Laotse

  11. #11
    TP-Moderator Cybergreek lebt für das TP und seine User Cybergreek lebt für das TP und seine User Cybergreek lebt für das TP und seine User Cybergreek lebt für das TP und seine User Cybergreek lebt für das TP und seine User Cybergreek lebt für das TP und seine User Avatar von Cybergreek
    Registriert seit
    Nov 2005
    Ort
    Köln
    Beiträge
    1.608
    Zitat Zitat von fuchzga Beitrag anzeigen
    Ich werd das Gefühl nicht los, dass cybergreek das schon von Anfang an geahnt hätte..
    Sehr gut gefühlt
    Grüße vom Griechen,
    Cybergreek!

    everygain Translator - eine Firefox-Erweiterung, damit der Grieche Euch besser versteht

  12. #12
    Tom
    Tom ist offline
    TP-Insider Tom macht sich hier sehr viel Mühe Avatar von Tom
    Registriert seit
    May 2001
    Ort
    Am Zürisee
    Beiträge
    847
    ich schon wieder

    jetzt habe ich einen order gemacht und dort in das neue php-dok folgenden code eingegeben:

    <?php include("../includes/header.php"); ?>

    <div id="pageaussen">
    <div id="topbild"><?php include("../includes/topnavigation.php"); ?></div>

    <div id="subnavigation"><?php include("../includes/subnavigation.php"); ?></div>
    </div>

    <?php include("../includes/footer.php"); ?>


    wie es wieder ist, es nimmt mir das css file (wo im header.php ist) nicht an. wo mache ich wieder einen fehler?
    Im Nichtstun bleibt nichts ungetan - Laotse

  13. #13
    DSB
    DSB ist offline
    TP-Veteran DSB ist ein richtiges Arbeitstier - DANKE DSB ist ein richtiges Arbeitstier - DANKE DSB ist ein richtiges Arbeitstier - DANKE DSB ist ein richtiges Arbeitstier - DANKE Avatar von DSB
    Registriert seit
    Mar 2005
    Ort
    Weyhe
    Beiträge
    1.137
    Es gibt 2 unterschiedliche Dinge zu berücksichtigen:

    1. das CSS-File wird in der Ordnerstruktur relativ ausgehend vom Pfad der zuerst aufgerufenen Datei gefunden

    2. Bilder und externe Elemente, die in der eigentlichen CSS-Datei referenziert werden, müssen relativ zum Pfad der CSS-Datei angegeben werden

    Beispiel zu folgender Ordnerstruktur

    -css
    --themes
    ---standard
    ----style.css
    -bilder
    --icons
    ---hoch.gif
    -include
    --header.php
    index.php

    In der index.php referenziert man die CSS-Datei mittels
    Code:
    <link rel="stylesheet" type="text/css" href="./css/themes/standard/style.css">
    oder
    Code:
    <link rel="stylesheet" type="text/css" href="css/themes/standard/style.css">
    Wird das Stylesheet in der Datei include/header.php eingebunden, die Datei header.php wird aber wiederum von der Datei index.php inkludiert, so lautet der Pfad zur CSS genau so, da als aktuelles Verzeichnis, das der zuerst aufgerufenen Datei gilt - also das Verzeichnis der index.php.

    Wenn man in der CSS-Datei nun das Icon hoch.gif referenzieren möchte, dann geht das relativ mittels './../../../bilder/icons/hoch.gif'. Jetzt gilt als aktuelles Verzeichnis, das der CSS-Datei, da diese nicht mittesl inlcude per PHP eingebunden wird, sondern durch die link-Angabe per HTML zu einem - vom Rest unabhängigen - HTTP-Request führt.

    Alles klar?
    Gruß, DSB
    Einfaches Backup/ Restore Deiner MySQl-Datenbank
    Zend Certified Engineer PHP5

  14. #14
    DSB
    DSB ist offline
    TP-Veteran DSB ist ein richtiges Arbeitstier - DANKE DSB ist ein richtiges Arbeitstier - DANKE DSB ist ein richtiges Arbeitstier - DANKE DSB ist ein richtiges Arbeitstier - DANKE Avatar von DSB
    Registriert seit
    Mar 2005
    Ort
    Weyhe
    Beiträge
    1.137
    Zitat Zitat von fuchzga Beitrag anzeigen
    Ich würde immer absolute Pfade nehmen.
    Da unterscheiden wir uns von der Vorgehensweise. Ich bevorzuge immer relative Pfade, damit man das Projekt beliebig verschieben und ohne Anpassungen auf beliebigen Servern in beliebigen Ordnerstrukturen speichern kann. Bei fest verdrahteten, absoluten Pfadanagben hast Du teilweise enormen Anpassungsaufwand wenn sich das Script in eine andere Ordnerstruktur einfügen soll.

    Als "fauler" Programmierer mache ich mir einmal Gedanken und danach nie wieder. Je weniger Abhängigkeiten ein Projekt hat - insbesondere auch in Bezug auf die Laufumgebung (dem Server) - , umso leichter kann es in anderen oder veränderten Umgebungen eingesetzt gemacht werden.

    Sicherlich ist der Anpassungsaufwand auch noch gering, wenn man am Anfang des Scripts eine globale, absolute Pfadvariable definiert, auf die man sich bei allen Pfadangaben bezieht. Das ist Geschmackssache und viel Wege führen nach Rom. Ich bevorzuge aber, wie gesagt, die Variante mit relativen Pfadanagben, wo gar nichts angepasst werden muss.
    Gruß, DSB
    Einfaches Backup/ Restore Deiner MySQl-Datenbank
    Zend Certified Engineer PHP5

  15. #15
    TP-Special Mod steffenk lebt für das TP und seine User steffenk lebt für das TP und seine User steffenk lebt für das TP und seine User steffenk lebt für das TP und seine User steffenk lebt für das TP und seine User steffenk lebt für das TP und seine User steffenk lebt für das TP und seine User steffenk lebt für das TP und seine User steffenk lebt für das TP und seine User Avatar von steffenk
    Registriert seit
    Feb 2005
    Ort
    Haan / NRW
    Beiträge
    12.869
    Nochmal zu Pfaden:
    1) Alles was im Browser geladen wird: relative Pfade
    2) Alles was auf Filebasis im Script inkludiert wird: absolute Pfade

    es empfiehlt sich, dieses in Konstanten zu definieren, dann braucht man nicht mehr drüber nachzudenken.
    PHP-Code:
    define ('WEB_PROTOCOL''http://');
    define ('WEB_ROOT'WEB_PROTOCOL $_SERVER['HTTP_HOST'] . '/');
    define ('SITE_ROOT'WEB_ROOT substr($_SERVER['REQUEST_URI'], 0, -strlen(basename($_SERVER['REQUEST_URI']))));
    define ('SITE_PATH'str_replace('\\''/',  dirname(__FILE__) ). '/'); 
    das ganze in die index.php, fertig.

    Bei Pfaden in CSS-Dateien wie DSB schon gesagt hat: relative Pfade zu dieser CSS-Datei benutzen.


    TYPO3 · MySQLDumper · dislabs
    ·
    manche Mühlen mahlen schneller ...
    "Ich habe Rücken"
    Horst Schlämmer


+ Antworten

Ähnliche Themen

  1. Schrift wird nicht übernommen
    Von blockbaster im Forum Flash & Multimedia
    Antworten: 2
    Letzter Beitrag: 07.10.2008, 23:33
  2. CSS wird nicht in die Vorschau übernommen
    Von Marc´US im Forum GoLive
    Antworten: 2
    Letzter Beitrag: 25.08.2005, 13:12
  3. Schriftart wird nicht übernommen?
    Von Fexxx im Forum Traum-Dynamik
    Antworten: 1
    Letzter Beitrag: 22.10.2003, 18:20
  4. CSS wird nicht übernommen
    Von oliveramberg im Forum Dreamweaver & andere Webeditoren
    Antworten: 4
    Letzter Beitrag: 04.02.2003, 08:22
  5. variable wird nicht übernommen!?!
    Von hnes im Forum Traum-Dynamik
    Antworten: 6
    Letzter Beitrag: 04.10.2002, 13:39

Aktive Benutzer

Aktive Benutzer

Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)

     

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51