Bei Mac Probleme CSS bei HTML Datei einzubinden?

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!

Bild zum Beitrag

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

16.04.2020, 09:17

Hab die Datei hier gezeigt, vllt findet ihr ja den Fehler.

3 Antworten

Limearts

Von gutefrage auf Grund seines Wissens auf einem Fachgebiet ausgezeichneter Nutzer

Computer, Technik, Technologie

15.04.2020, 20:42

Nein, das Gerät und Betriebssystem spielen überhaupt keine Rolle dabei. Auch dass HTML und Stylesheet-Dokumente unterschiedlich interpretiert werden ist dabei irrelevant.

Ist das Stylesheet richtig eingebunden, wird es beim Öffnen der HTML-Datei im Browser geladen und die Definitionen gerendert. Ist dem nicht so, liegt ein Fehler im Code vor.

Leider wurde darauf verzichtet diesen zur Ansicht einzufügen. Daher gängige Fehler:

Der Code im Stylesheet wird nicht interpretiert. Dies kann durch falsche Zeichensetzung zu unvollständigen oder vollständigen Versagen führen. : und ; zu vertauschen, { } nicht korrekt zu schließen, ID# und Klassen. falsch zu kennzeichnen oder mit Sonderzeichen im Namen zu belegen sind häufige Fehler.

Die Datei / der Pfad weisen Sonderzeichen / Leerzeichen auf. Groß- Kleinschreibung wurde ignoriert. Anstelle eines relativen Pfades wurde der direkte Pfad im Benutzersystem angegeben (dies spielt erst bei der Darstellung online eine Rolle).

" " oder ' ' wurden nicht oder nur unvollständig gesetzt um den Pfad im Meta-Tag einzubinden.

Woher ich das weiß:Berufserfahrung – selbstständiger Dienstleister und Nerd

Abbasdas

Beitragsersteller

16.04.2020, 14:38

Ich hab den Quellcode hinterlegt, eventuell ist es da zufinden

AbbathFangirl

15.04.2020, 20:40

Dein Browser lädt die CSS zusammen mit der HTML-Datei, es hat demnach nichts mit dem Editor zu tun.

Kannst du mal deinen Head-Tag inkl. css-Link Posten?

Vermutlich liegt es eher an einem Tippfehler (man weiß ja nie...)

Woher ich das weiß:eigene Erfahrung

Abbasdas

Beitragsersteller

16.04.2020, 14:37

Ja hab ihn hinterlegt

AbbathFangirl

16.04.2020, 21:21

@Abbasdas

Du musst jede CSS-Anweisung mit einem Semikolon beenden. Fehlt in deinem Stylesheet.

Pack mal hinter color und hinter Font-Family ein Semikolon.

Abbasdas

Beitragsersteller

17.04.2020, 08:23

@AbbathFangirl

Da ist doch ein Semikolon, direkt nach color

threadi

Von gutefrage auf Grund seines Wissens auf einem Fachgebiet ausgezeichneter Nutzer

Computer, Technik, HTML

15.04.2020, 20:39

Ohne Quellcode kann man das nicht beurteilen.

Woher ich das weiß:Berufserfahrung – mit dem Internet verbunden seit 1993

Abbasdas

Beitragsersteller

16.04.2020, 14:38

Gut hab den hinterlegt

Ähnliche Beiträge

Fehler bei HTML-Code beim Einbinden von CSS?

Hallo, ich hab folgendes Problem (dies hier ist eigentlich eine Wiederholung einer anderen Frage, aber mit Code) ich habe Probleme meine CSS Datei in meine HTML Datei einzubinden, bzw es ist nicht eingebunden obwohl ich den Code eingegeben habe und auch beides in einem Ordner gepackt habe. Ich zeige meinen Quellcode und würde euch bitten eventuell rüberzuschauen und mir zusagen, welchen Fehler ich gemacht habe.

...zum Beitrag

Javascript in HTML einbinden - Problem?

Wie soll ich JS in HTML einbinden? Habe das immer so gemacht:
<script language="javascript" type="text/javascript" src="dateiname.js"></script>

Aber wenn ich dann z.B:

drawBoxes('yyy bbb ggg');

Mache, dann passiert in der HTML Seite garnichts.
LG

CSS in HTML einzubinden funktioniert letzterzeit komischerweise auch nicht. Muss das dann immer intern in der HTML-Datei machen.

...zum Beitrag

CSS-Datei in MacOS erstellen?

Hallo.

Wir haben gerade in der Schule die Hausaufgabe eine HTML "Website" zu erstellen. Wir haben dafür auch eine Anleitung bekommen. Um die HTML Datei genauer zu bearbeiten sollen wir eine CSS Datei einbinden.

In der Schule ging das ganz einfach am Windows Rechner in dem man in Notepad ++ eine weitere Datei mit dem Suffix (Format)".css" speichert.

Bei mir zu Hause mit dem integrierten TextEditor unter macOS funktioniert das aber irgendwie nicht, da ich nur auswählen kann welches Dateiformat ich zur Speicherung verwenden möchte. CSS wird aber nicht angegeben.

Wie kann ich das machen?

Danke im Voraus

...zum Beitrag

SVG in HTML einbinden geht nicht?

Guten Tag Gutefrage-Community,

wie im Titel schon steht, habe ich das Problem, dass ich eine SVG-Datei nicht in meine HTML-Datei einbinden kann. Dies geht in keiner von mir erstellen HTML-Datei. Ich versuche es wie folgt einzubinden:

<img src="value.svg">

Die SVG-Datei sieht wie folgt aus:

<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="100%" height="100%" viewBox="0 0 400 400">
  <image id="v" x="5" y="5" width="390" height="390" xlink:href="..."/>
</svg>

...zum Beitrag

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.

...zum Beitrag

CSS in HTML einbinden schlägt fehl?

Ich habe einen "Stylesheet" in CSS geschrieben und den würde ich jetzt gern in meiner HTML einbinden, arbeite mit Brackets (mache es nur aus Jucks und Dollerei, wie ein Hobby) und auch wenn ich den Verweis zur CSS Datei schon in meiner HTML geschrieben habe, tut sich nichts. Liegt es daran dass ich schon im

Style diverse Angaben gemacht habe? Wie Hintergrundfarbe etc. ?

Ich kann auch gern den Quellcode einfügen wo man dann sehen wird das ich den Verweis schon eingefügt habe. Habe den Verweis sogar schon mit komplettem Dateipfad versucht, war aber nichts zu wollen. Muss ich innerhalb der CSS Datei diese irgendwie noch mit HTML verknüpfen? Wohl kaum, oder?

...zum Beitrag

Wie kann man eine Webseite (HTML/CSS/JS) in WordPress einbinden (unverändert dort einsetzen)?

Kurze Frage,

Ich habe eine Webseite mit HTML/CSS und JS erstellt und möchte diese jetzt bei WordPress einfügen, damit andere, die keine Ahnung von HTML haben diese auch gut bearbeiten können. Funktioniert es vielleicht, einfach die Dateien die man hat hochzuladen? Ich beschäftige mich jetzt schon seit Tagen und komme nicht voran... Ich bin am verzweifeln. Ich würde mich über jede Hilfe freuen.

...zum Beitrag

iFrame Schriftart ändern oder RTF einbinden

Hallo. Wie kann ich über iFrame (html) die Schriftart von der geladenen txt Datei ändern über CSS? Geht das? Oder ansonsten: Wie kann ich eine RTF Datei einbinden, die nicht runtergeladen sondern angezeigt wird???

Danke

...zum Beitrag

Fehler beim Einbinden von CSS in HTML Datei?

Hallo, ich bin noch Anfänger und habe folgendes Problem: die CSS-Codes funktionieren nicht in meiner HTML Datei obwohl es eingebunden sein sollte und im Browser wird ein Fehler angezeigt aber ich weiß nicht was ich machen soll (Hab schon einiges probiert) anbei Bilder dazu, ich hoffe, dass mir jemand helfen kann. Vielen Dank schon Mal!

...zum Beitrag

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:

...zum Beitrag

Wie und mit welchen Programm kann ich eine css-Datei schreiben und wie kann ich diese in eine html-Datei einbinden?

Bitte die css und html Anweisungen mitschicken. Danke

...zum Beitrag

Css-Datei und Bilder in HTML einbinden?

Hey ich muss für meine Informatik Hausaufgabe eine HTML Website erstellen, habe dies auch soweit getan. Die CSS ist auch fertig. Jetzt habe ich aber das Problem, dass wenn ich die HTML Seite öffne, alles richtig angezeigt kriege, weil die Datein im gleichen Ordner sind (jpg & CSS) aber wenn ich die HTML-Datei abgeben will an meinen Lehrer, dann kann er nur die HTML-Seite öffnen, ohne die Formatierung über die CSS und ohne Bilder. Wie kann ich das richtig einbinden? Oder muss man alle Datein (Bilder und CSS) mitschicken?

...zum Beitrag

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

...zum Beitrag

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!

...zum Beitrag

Was möchtest Du wissen?

Deine Frage stellen