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?

sonderdings

19.09.2021, 10:13

Oder muss man alle Datein (Bilder und CSS) mitschicken?

Wie soll er sie sonst kriegen?

xFelix1998

Fragesteller

19.09.2021, 10:25

Naja, meine frage ist ja, ob man die Bilder und die css direkt in die html einbinden kann, damit man eben nicht alles einzeln schicken muss...

2 Antworten

Zahhak

19.09.2021, 10:33

ob man die Bilder und die css direkt in die html einbinden kann

Ja, kann man.

Für CSS:

<style>
/*Dein CSS-Zeugs hier*/
</style>

Für Bilder:

<img src="data:image/png;base64,***Die Dateidaten der Bilddatei in Base64 codiert***" ...>

Ist allerdings in den wenigsten Fällen wirklich sinnvoll...

Woher ich das weiß:eigene Erfahrung

PhotonX

Von gutefrage auf Grund seines Wissens auf einem Fachgebiet ausgezeichneter Nutzer

Computer

19.09.2021, 10:14

Wie soll denn der PC deines Lehrers Bilder anzeigen, die auf deinem PC liegen? Natürlich musst du sie mitschicken, und die CSS-Datei auch!

xFelix1998

Fragesteller

19.09.2021, 10:21

Aber kann man die Css datei nicht direkt in die html einbinden und verknüpfen, so dass man nur die html schicken muss und der rest eingebunden ist?

PhotonX

19.09.2021, 10:31

@xFelix1998

CSS könnte man schon einbinden, in <style>-Tags, wie PixelManuel schon geschrieben hat, aber die Bilder nicht. Und wenn du schon die Bilder mitschicken musst, kannst du auch gleich die CSS-Datei mitschicken, oder?

Zahhak

19.09.2021, 10:34

@PhotonX

Auch die Bilder lassen sich direkt in die Datei einbetten.

Und nicht nur die: https://de.wikipedia.org/wiki/Data-URL

PhotonX

19.09.2021, 10:36

@Zahhak

Danke, war mir nicht bekannt! Ist ja, so weit ich weiß, kein sehr verbreitetes Vorgehen.

Zahhak

19.09.2021, 10:38

@PhotonX

Ist ja, so weit ich weiß, kein sehr verbreitetes Vorgehen.

Und das nicht gerade grundlos.

Allerdings kann es gelegentlich durchaus sinnvoll sein.

Bitte die css und html Anweisungen mitschicken. Danke

...zur Frage

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

...zur Frage

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!

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

...zur Frage

CSS-Datei in HTML einbinden (warum klappt es nicht)?

Ich muss eine CSS-Datei in eine Html-Seite einbinden, jedoch klappt es nicht und ich bin wirklich ratlos, warum dies nicht funktionieren will. Ich habe die CSS-Datei in der Html verlinkt, aber trotzdem funkioniert es nicht. Könnte es daran liegen das bereits Elemente mit Html gestaltet wurden?

(CSS-Datei und Html-Seite befinden sich im gleichen Ordner/Verzeichnis, auch der verlinkte Dateiname in der Html stimmt mit der CSS überein)

...zur Frage

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.

...zur Frage

Css Datei wird auf dem Handy nicht mit einbezogen?

Hallo ich versuche gerade eine Website zu programmieren jedoch wird wenn ich den programmierten HTML-Code auf dem Handy öffne die CSS-Datei die ich zur Bearbeitung von Schriftfarben erstellt habe nicht mit einbezogen was kann ich tun?

...zur Frage

CSS in html einbinden?

...zur Frage

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.

...zur Frage

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?

...zur Frage

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!

...zur Frage

Wie kann man eine SVG-Datei in CSS nach links zentrieren?

Hallo,

ich möchte gerne eine SVG-Datei in meiner Webseite einbinden. Ich habe diese auch schon über <object> in HTML eingefügt.

Das object hat die Klasse Welt und ist in CSS hinterlegt. Dort habe ich width und height auf 75%. Nun wird mir die SVG aber so ziemlich mittig auf der Webseite angegeben.

Wie kann ich diese nach links positionieren, damit ich rechts z.B. einen Text scheiben kann?

HTML:

<object class="Welt" data="BluePlanet.svg" type="image/svg+xml"></object>

CSS:

.Welt {
  width: 75%;
  height: 75%;
}

Danke schon einmal im Voraus. :)

...zur Frage

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

...zur Frage

wie mit html zwei bilder übereinander legen?

ich habe ein bild und will mit html, css oder php eine gif datei mit transparenten pixeln daüber legen, um so effekte zu erzielen, wie mache ich das

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

Was möchtest Du wissen?

Deine Frage stellen