online 1
gast (50)

/ Forum / Webseiten/HTML

Webseiten/HTMLWebseiten/HTML

Fragevon Mikoop vom 21.02.2020, 18:22 Options

css in html einfügen

Hallo,

Kann ich die Befehle von css-Dateien auch direkt in den Quelltext der dazugehörigen html Seite einbauen, damit die Seite unabhängig vom Speicherpfad der css-Dateien funktioniert?

Wenn ja, wie und wo?


Gruss, Mikoop


Antwort schreiben

Antwort 1 von Supermax vom 21.02.2020, 18:42 Options

Dafür notierst du im Kopfbereich deiner HTML-Seite einen Bereich
<style type="text/css">
... deine CSS-Anweisungen ...
</style>

Antwort 2 von mr_x_hacker vom 21.02.2020, 18:54 Options

Alternativ - z.B. wenn die Styles ohnehin nur ein Element betreffen - kann man sie auch direkt einem solchen zuweisen:

<div style="width:500px; margin:0px auto;">...</div>


Ciao Sascha

Antwort 3 von Mikoop vom 21.02.2020, 22:37 Options

Hallo,

Irgenwie bekomme ich das nicht hin. Es sind 3 Dateien, auf die jetzt mit
link rel="stylesheet"
verwiesen wird, eine der Dateien ist auch sehr umfangreich.

Schließe ich mit </style> nach jeder importierten css oder füge ich alle hintereinander ohne Trennung ein?

Gruss, Mikoop

Antwort 4 von katy vom 21.02.2020, 22:52 Options

Hallo Mikoop

fasse sie ruhig alle zu einem Block zwischen <style ..> und </style> zusammen. Achte darauf die gleiche Reihenfolge wie bei den <link ..> einzuhalten, es könnte sich sonst Änderungen in der Anzeige ergeben.

katy

Antwort 5 von Road-Runner vom 21.02.2020, 22:53 Options

Wenn Du auf die CSS-Datei verweisen willst, sieht das so aus (im Beipiel werden 2 CSS-Dateien verlinkt):

<link href="css/print.css" rel="stylesheet" type="text/css" media="print" />
<link href="css/screen.css" rel="stylesheet" type="text/css" media="screen, projection" />

Das Ganze im Header Deiner html-Datei (ohne <style> und </style>.

<style type="text/css">
... deine CSS-Anweisungen ...
</style>

wird nur verwendet, wenn Du keine CSS-Datei einbindest, sondern die Formatierungen gleich in der html-Datei schreiben willst.

Antwort 6 von Road-Runner vom 21.02.2020, 22:55 Options

Zitat:
Irgenwie bekomme ich das nicht hin. Es sind 3 Dateien, auf die jetzt mit

link rel="stylesheet"

verwiesen wird, eine der Dateien ist auch sehr umfangreich.


Dann würde ich jedenfalls die Methode mit dem Verlinken vorziehen. Sonst musst Du bei Änderungen die Änderungen in allen html-Dateien vornehmen anstatt nur einmal in der CSS-Datei.

Gruss

Road-Runner

Antwort 7 von Mikoop vom 21.02.2020, 23:02 Options

Hallo,

Vielen Dank für Eure Beiträge.

Der Sinn darin, die Formatierung in die html Seite einzubinden ist, dass es sich dabei um eine Vorlage für Artikelbeschreibungen bei eBay handelt, und da gibt es offenbar Probleme damit, wenn die Seite auf eBay liegt, die style sheets aber in einem Unterordner meiner Homepage.

Gruss, Mikoop

Antwort 8 von Mikoop vom 21.02.2020, 23:12 Options

Hallo nochmal,

Jetzt klappt es mit einem Teil des Formats, jedoch noch nicht ganz.

Wenn ich die Zeilen der css kopiere und einfüge, dann stehen alle linksbündig im Quelltext, der Style Befehl ist aber eingerückt.

Muss ich dann alle Zeilen auch einrücken, oder spielt das keine Rolle?

Sorry, falls die Frage dumm ist, das ist nicht gerade mein Thema (aber ich bin entschlossen, mich durchzubeissen - mit eurer Hilfe)

Jetzt muss ich aber erst mal in Bett, bis morgen

Gruss, Mikoop

Antwort 9 von katy vom 21.02.2020, 23:18 Options

Hallo Mikoop,

das fällt unter Quelltextkosmetik und ist ansonsten egal.

katy

Antwort 10 von Mikoop vom 22.02.2020, 12:16 Options

Danke an Alle,

Jetzt hat es geklappt.
Beim Speichern mit NVU ging dann immer wieder was verloren, mit Phase5 gings jetzt.

Gruss, Mikoop

Ähnliche Themen

hi frage wegen html und php und css
Night  03.01.2007 - 137 Hits - 1 Antwort

Musiktitel per HTML einfügen
chrisD  10.02.2007 - 156 Hits - 4 Antworten

CSS-Layout html-code generiert bekommen???
peterhans  18.02.2007 - 71 Hits - 2 Antworten

HTML Compiler???
TByte  08.05.2008 - 67 Hits - 17 Antworten

Hinweis

Diese Frage ist schon etwas älter, Sie können daher nicht mehr auf sie antworten. Sollte Ihre Frage noch nicht gelöst sein, stellen Sie einfach eine neue Frage im Forum..

Neue Einträge

Version: supportware 1.9.150 / 10.06.2022, Startzeit:Thu Jan 8 21:07:44 2026