Meine Bootstrap-Website funktioniert lokal, lädt aber CSS und Bilder nicht, wenn ich versuche, sie zu veröffentlichen

Question

Ich bin ziemlich neu in all dem und in den letzten Tagen habe ich an meiner ersten Website mit Bootstrap gearbeitet. Vor Ort arbeitet diese in Ordnung, aber gerade jetzt, wenn es sich online zu bekommen versuchen, es sieht wie folgt aus:

http://wearemanjaro.de

einfach hässlich html, laden keine CSS noch keine Bilder. Ich habe den Link oben Link zu der HTML, die im /manjarowebsitebootrap/robots/index.html Pfad ist. Die CSS (Bootstrap und benutzerdefinierte) ist in folgendem Verzeichnis:/manjarowebsitebootstrap/css/...

Der Link zur CSS in meinem html sieht wie folgt aus:

<link rel="stylesheet" type="text/css" href="../css/custom.css"> 
<link rel="stylesheet" type="text/css" href="../css/bootstrap.min.css"> 

Der gleiche Problem mit den Bildern in mein ../img Ordner. Es funktioniert alles gut lokal. Ich würde wirklich etwas Hilfe oder einen Ratschlag lieben :)

Answer 1

Zuerst müssen Sie tun, einen absoluten anstelle eines relativen Weges zu verwenden. wenn die Verzeichnisstruktur ist:

-root

--docs

--- doc1.php

--includes

--- header.php

--- footer.php

--- css.css

--index.php

In der Kopfzeile, Link auf meine CSS-Datei wie folgt:

<link href="includes/styling.css" type="text/css" rel="stylesheet" /> 

Sie so tun müssen:

<link rel="stylesheet" type="text/css" href="/root/includes/css.css" /> 

Sie auch benötigen um Entwickler-Tools auf Chrome zu verwenden, die Ihnen helfen, diese Dinge zu debuggen. Ich sah dort, dass die Bilder nicht hochgeladen werden, sobald Sie sie hochladen können, werden Sie beginnen, sie auf der Website zu bekommen, wenn der Pfad korrekt ist.

und viel Erfolg für die neue Welt der Web-Entwicklung. :)

Answer 2

Ihre Dateistruktur wurde von der lokalen zur Online/Live geändert. Ich habe deine Seite inspiziert, im CDN für Bootstrap und Powder platziert, das Styling wurde lebendig.

Verwenden Sie die folgende CDN, um Ihre aktuelle src='' Pfad für bootstarp in Ihrem HTML-Kopf zu ersetzen, um zu sehen, was ich meine.

https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css

Die nächsten Schritte sollten Sie nehmen: notieren, wo alle Ihre Dateien auf Ihrem Server leben, müssen Sie alle zugehörigen Dateien auf dem Server platzieren, wie es von Ihrem Code angegeben wird, zeigt also, dass Sie ein CSS-Ordner.

Auch diese HTML-Datei befindet sich auf der gleichen Ebene wie der CSS-Ordner oder diese HTML-Datei lebt in einem eigenen Ordner. Wenn nicht, müssen Ihre Pfade den ../ Teil nicht enthalten und Sie sollten nur css/yourFileName.css