Gegen Bilderklau - Das Original (https://www.gegen-bilderklau.net/index.php)
- Design, Website, Copyright (https://www.gegen-bilderklau.net/board.php?boardid=80)
--- Homepagehilfe (https://www.gegen-bilderklau.net/board.php?boardid=27)
---- Homepagehilfe - Archiv (https://www.gegen-bilderklau.net/board.php?boardid=139)
----- Auslagern des CSS Codes (https://www.gegen-bilderklau.net/thread.php?threadid=186955)


Geschrieben von Unforgettable am 02.11.2013 um 17:31:

  Auslagern des CSS Codes

Hallo! (:
Also vorweg, ich bin ein totaler Neuling und habe keine Erfahrung auf dem Gebiet. Wir sollen eine HTML Webside erstellen, am besten mit CSS Code.
Damit ich die Übersicht bewahre, wollte ich den CSS Code auslagern, aber irgendwie geht das nicht.

Ich gehe nach der Anleitung auf dieser Seite:
http://www.html-seminar.de/stylesheets_in_html_einbinden.htm

Ich habe jetzt wie dort beschrieben die Datei design.css erstellt und die Startseite index.

Code im index:
Zitat:

<head>
<meta http-equiv="content-type"
content="text/html; charset=ISO-8859-1">
<title>index</title>
<link href="design.css" type="text/css"
rel="stylesheet">
</head>



Code im design.css
Zitat:

<head>
<meta content="text/html; charset=ISO-8859-1"
http-equiv="content-type">
<title>design.css</title>
h1 {
color:red;
background-color: black;
}
</head>



Eigentlich müsste h1 ja nun Rot sein und Schwarz hinterlegt, ist es aber nicht (ist nur ein einfaches Übungsbeispiel für mich, die eigentliche Seite besitzt dann natürlich andere Codes, aber wenn ich es selbst an dem einfach Beispiel nicht hinbekomme, wird das anders nie was)

Ja, würde mich über Hilfe freuen (:

LG



EDIT: Fehler gefunden, aber eine neue Frage:
Wie wandelt man .txt ind .css um?



Geschrieben von Nivea am 03.11.2013 um 19:01:

 

Hey, versuch einfach die .txt in .css umzubenennen ... dürfte wohl schon reichen.

Ausserdem ist deine css-Datei etwas.. zu voll.
Ausgehend von deiner oben geposteten index.html müsste deine css-Datei nur so aussehen:
code:
1:
2:
3:
4:
5:
6:
h1 {
color:red;
background-color: black;
} 

Das HTML-Gedöns drum rum brauchst du garnicht. Es ist wirklich nur CSS in der CSS-Datei.



Geschrieben von Unforgettable am 03.11.2013 um 19:13:

 

Okay, dankeschön (:


Forensoftware: Burning Board, entwickelt von WoltLab GmbH