Localhost spinnt rum?

Ich benutze XAMPP zum Testen meiner Website, hat auch bis jetzt alles immer gut geklappt...

Meine Websites speichere ich jeweils in Unterordnern in htdocs, benutze erstmal nur HTML und CSS, darum geht es jetzt nämlich auch.

Einige Daten:

Betriebssystem: Linux | Ubuntu 20.04
Editor: gedit
Browser: Firefox 98.0.2 (64bit)

Das Problem ist dass immer wenn ich in meinem CSS-Code etwas ändere, es dann abspeichere und schließlich im Browser öffne, werden meine Änderungen nicht angezeigt. Wenn ich allerdings Sachen in der HTML-Datei ändere werden diese angezeigt.

Einige Klarstellungen:

Ich bin mir zu 100% sicher, dass ich die richtige CSS-Datei bearbeite und auch im richtigen Ordner abspeichere.
Die CSS-Datei wurde mit folgendem Code in der HTML-Datei verwiesen:

<link rel="stylesheet" href="style.css">

(Außerdem hat das Problem ja jetzt erst begonnen.)

Ich habe keine Fehler in der CSS-Datei eingebaut, also bspw. zwei Semikolons, unbekannte Befehle etc.

Kann mir da jemand weiterhelfen??

2 Antworten

KarlRanseierIII

Von gutefrage auf Grund seines Wissens auf einem Fachgebiet ausgezeichneter Nutzer

Computer, Technik, Linux

02.04.2022, 00:32

Linke Shift-Taste und Reload-Button klicken, dann sollte ein cache override stattfinden.

Nutzt natürlich alles nichts, wenn der Webserver aus dem Cache ausliefert, weil er die Datei für nicht geändert hält.

whgoffline

Von gutefrage auf Grund seines Wissens auf einem Fachgebiet ausgezeichneter Nutzer

programmieren

01.04.2022, 21:47

Das liegt am caching vom Browser. Einfach immer mit strg+f5 aktualisieren oder z.B. liveserver für VsCode nutzen, der bei jedem abspeichern einer Datei alles aktualisiert.

Woher ich das weiß:Studium / Ausbildung – Informatikstudent

FrozenArmy

Fragesteller

01.04.2022, 21:51

Erstens Ich benutze kein VSCode, zweitens erstmal danke für den Schortcut, das Problem ist jetzt nur dass ich in CSS die Textfarbe Schwarz festgelegt habe, aber es mir rot angezeigt wird...

whgoffline

01.04.2022, 21:52

@FrozenArmy

Auch mit strg+f5..? Wenn ja, dann stimmt wahrscheinlich etwas mit deinem CSS nicht.

FrozenArmy

Fragesteller

01.04.2022, 21:54

@whgoffline

Aber warum? gedit ist ja der Standard Texteditor für Ubuntu, und im Seiten-Quellcode wird auch im CSS color:black; angezeigt. Ich werde jetzt mal die ganze Sche*ße in einem anderen Browser testen.

FrozenArmy

Fragesteller

01.04.2022, 21:59

@whgoffline

Schade, im Chrome gehts auch nicht, da ist statt rot jetzt die Schrift lila...Hast du vielleicht noch eine Idee? Ich habe auch schon versucht !important ranzuhängen, bringt auch nichts...

Hallo,

bei mir funktioniert irgendwie nicht das Einbinden von der CSS Datei in meine Html Datei, hab beide in einem Ordner, richtigen code eingegeben, also nichts verschrieben. Trotzdem funktioniert es bei mir nicht. Könnte es was damit zutun haben, dass meine HTML Datei mit dem Browser geöffnet wird und meine CSS-Datei mit meinem Texteditor (Benutze Atom) oder vielleicht doch etwas anderes. Benutze btw Mac (MacBook Pro) glaube dass das ein wichtiger Faktor ist. Justmacthings!

Edit: Hab nun die Datei hinterlegt, eventuell findet ihr ja den Fehler

...zur Frage

Externe CSS Datei vor Inline CSS in HTML Datei bevorzugen?

Kann ich es irgendwie erzwingen, dass externe CSS Konfigurationen vor dem inline Code in der HTML Datei verwendet werden? Jede CSS Einstellung, die ich in einer externen CSS-Datei erstell, wird, wenn im HTML Code die selbe Einstellung nochmal vorhanden ist, von der internen überschrieben.

Beispiel:

Externes CSS:                                              Internes CSS:
z-index:1;                                                 z-index:2;

Im Browser wird der z-index 2 gezogen.

Danke für hilfreiche Antworten!

...zur Frage

Sichtbarkeit von CSS User properties?

Guten Morgen zusammen,

Ich hatte in meinem Web-Projekt in meiner index.html ein Stylesheet verlinkt, in welchem ich u. a. im :root Variablen (user properties) deklariert habe, welche weiter unten in der Datei verwendet wurden. Da die Datei aber ziemlich lang geworden ist, habe ich diese nun in vier Sylesheets aufgeteilt (general, header, main, footer). In der general.css datei werden z. B. body und html gestylet und im :root Variablen (user properties) definiert.

Diese Variablen sind bereits im header{} (in der header.css) benutzt worden, nur eben jetzt in einem neuen Stylesheet. Wenn ich diese in der general.css ändere, werden diese Änderungen auch in der header.css übernommen. Doch wenn ich im :root (general.css) eine neue Variable deklariere, wird sie mir in der header.css nicht angezeigt...

Weiß von euch jemand Rat oder sehe ich den Wald vor lauter Bäumen mal wieder (😉) nicht?

Liebe Grüße

PS: ich benutze VS-Code als Editor

...zur Frage

HTML CSS-Verknüpfung?

Ich versuche mich in letzter Zeit ein bisschen an HTML und CSS "Coding", das funktioniert soweit auch alles ganz gut, abgesehen davon, dass sich die CSS Datei einfach nicht einbinden lässt (eventuell auch einfach nicht dargestellt wird) und will fragen: Wo, zur Hölle liegt der Fehler?

Ich habe den "Link" () zwischen den s eingebunden, die CSS-Datei heißt style.css uswusw.

Kann es sein, dass man die CSS Datei irgendwie mit einem eigenen Programm erstellen muss(Nicht mit dem MS-Editor?) oder besonders abspeichern muss? Einfach Hilfe.

...zur Frage

Arduino Webseite auf SD-Karte?

Guten Tag, ich habe folgenden Code:

http://pastebin.com/f0xJ54dx

und ich will nicht, dass das im Programm Code steht, sondern auf einer externen Micro-SD Karte, damit ich die Datei besser bearbeiten kann und nicht gleich den ganzen Arduino Sketch umändern muss, also das ist ein HTML Text, für eine Web-Seite.

Hat jemand eine Idee wie ich es machen könnte? weil auf der SD-Karte soll nur der HTML-Code sein (index.htm) und eine CSS-Datei (style.css).

Was muss ich im Arduino Code einfüge, damit er diese beiden Dateien ausführt?

Danke schonmal im vorraus

LG Joé

...zur Frage

HTML/PHP/CSS Code funktioniert nicht?

Ich benutze den Code <div class="Box">BOX</div> in einer php Datei und den Code .Box {

background-color: black;

}

in einer css Datei aber bei mir steht dort am ende nur "BOX".

...zur Frage

SCSS wird nicht mehr umgewandelt / gegriffen (Terminal, SASS)?

Hi zusammen,

ich baue zu Zeit eine Website mit HTML /CSS (scss). Über das Terminal lasse ich mein SCSS in CSS umschreiben. Bisher hat das Terminal immer gut seinen Job erledigt. Bis gerade eben (falls es überhaupt am Terminal liegt). Ich navigiere wie immer in meinen Ordner, in dem die style.scss udn die style.css liegt. Wenn ich mit mich mit dem Terminal in dem Ordner befinde schreibe ich folgenden Befehl:

sass --watch scss/style.scss:css/style.css

Bisher hat das immer gut funktioniert. SCSS wurde in CSS umgeschrieben. Jetzt aber kann ich nach Eingabe des Befehls einmal etwas in dem SCSS-Code ändern, die Änderung wird dann auch im Browser angezeigt - sobald ich dann aber ein zweites Mal etwas ändere schreibt das Terminal zwar:

Compiled scss/style.scss to css/style.css.

.. aber der Browser zeigt keine Änderung an. Das SCSS wird also irgendwie nicht mehr genommen.

Weiß jemand woran das liegt und kann mir weiterhelfen?

...zur Frage

Dynamic Web App und Thymeleaf CSS einbinden?

Moin.

Statt JSP wollte ich ich nun Thymeleaf umschwenken. Allerdings hab ich bei Thymeleaf Probleme, die CSS Datei einzubinden. Meine Recherchen haben ergeben, dass Thymeleaf von Haus aus in src/main/resources/static/ nach Ressourcen sucht. Die hab ich auch da reingepackt. css/style.css

Mein HTML Dokument sieht die Verlinkung Folgendermaßen aus:

 <link th:href="@{/css/style.css}" rel="stylesheet" />

Meine HTML Seite befindet sich direkt im webapp Ordner.

Ich hab auch versucht die HTML Seite in den templates Ordner zu packen. Leider ebenfalls ohne Ergebnis.

Pro Forma der CSS Inhalt :)

body{
	background-color: red;
}

Hier auch mal ein Bild von der Ordnerstruktur:

...zur Frage

HTML/CSS, Bilder werden nicht angezeigt?

Ich habe im <body> mehrere divs, in denen abwechselnd divs und Texte untereinander angezeigt werden sollen. Die Bilder sollen auf voller Höhe sein (height: 100vh;). Wenn ich die Bilder mit <img src=""> im HTML Code im div einfüge, wird es angezeigt. Will ich es aber in meiner CSS Datei als background-image vom div einfügen, wird der Bereich, wo das Bild sein sollte, einfach nur grau. Die style.css ist richtig in der HTML-Datei angegeben, da andere Styles funktionieren. Der Pfad ist ebenfalls richtig angegeben. Hat jemand Ideen, was ich falsch mache? :(

...zur Frage

Änderung meines HTML/CSS-Dokuments ist auf google Chrome nach Reloading nicht zu sehen, warum?

Ich bin derzeit dabei eine Website mit VS Code zu programmieren, demzufolge ändere und füge ich einige Dinge meinem HTML/CSS-Dokument zu. Die Zwischenergebnisse meiner Arbeit schaue ich mir immer auf Google Chrome an.

Nachdem ich eine Änderung vorgenommen habe möchte ich mir das Resultat dieser Änderung wieder auf dem Browser anschauen. Doch wenn ich auf reload drücke, wird die Änderung vom Browser nicht berücksichtigt. Das Angezeigte ist dasselbe, wi vor dem reload. Erst wenn ich das Tab geschlossen habe und mein HTML/CSS-Dokument erneut öffne berücksichtigt der Browser meine Änderungen.

Ich möchte mir das ständige Schließen des Tabs ersparen und meine Unternehmungen direkt nach dem Reload zu sehen bekommen. Was kann ich tun?

...zur Frage

Wie füge ich eine SCSS Datei in HTML ein?

Hallo! Ich würde gerne meine Seite mit SCSS formatieren und nicht nur mit einfachem CSS. Leider habe ich Probleme eine SCSS Datei in meinen HTML Code einzufügen. Bei CSS sieht der Code zum einfügen ja so aus:

<link rel="stylesheet" type="text/css" href="[DATEIPFAD].css"/>

Wenn ich es nun aber mit einer SCSS Datei versuche klappt es nicht.

...zur Frage

.gif Datei als HTML Hintergrund?

Hey Community! ich möchte mittels html & css ein .gif Video als hintergrund in einer .html benutzen. wie wäre dafür der code in html und css?

...zur Frage

HTML/CSS relative Pfade mit / beginnen oder nicht?

Hallo,was ist der Unterschied zwischen :

<link rel="stylesheet" href="css/style.css">

und

<link rel="stylesheet" href="/css/style.css">

Wie binde ich binde ich denn Dateien ein, welche auf der selben Ebene liegen? Beginne ich mit / oder nicht?

...zur Frage

Html und CSS Datei verbinden?

Hallo,

und zwar ist meine Html Datei in einem separaten Ordner und meine CSS Datei auch. Ich will meine Html Datei mit der CSS Datei verbinden, aber ich weiß nicht wie. Ich will auch nicht das meine Html Datei und meine CSS Datei in einem gemeinsamen Ordner sind, will es übersichtlicher halten.

Also kann mir jemand helfen???

...zur Frage

Was möchtest Du wissen?

Deine Frage stellen