• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

frage zu seperat gemachte stylesheets

Status
Für weitere Antworten geschlossen.
X

xXxPeterPanxXx

Neues Mitglied
hi
ich hab mir ein buch zu css gekauft das ist auch gut. Darin wird gesagt das es am besten istdie stylesheets seperat vom html fomular zu machen.Nun habe ich wie im buch beschreiben ein link zu einem ordner gemacht wo die ganze stylesheets gespeichert werden soll.Nun die frage womit und wo soll ich die stylesheets machen.

Danke im Voraus

Mfg xXxPeterPanxXx
 
Was zeigt er nicht an?

CSS erzeugt keine Ausgabe im Browser, sondern formatiert den Inhalt, der per HTML ausgezeichnet worden ist.

Das Stylesheet bindest du im <head> deiner HTML-Datei ein.

Code: 
<head>
  <title>Title</title>
  <link type="text/css" rel="stylesheet" media="screen, projection" href="css/styles.css" />
</head>
 
Doch, natürlich. Genau dafür ist CSS doch da. Aber du brauchst natürlich auch etwas in deiner HTML-Datei, was du formatieren kannst.

Beispiel:

HTML:
Code: 
<body>
  <p>Ganz viel Text der formatiert werden soll.</p>
</body>


CSS:
Code: 
p {
  font-size: 3em;  
  font-weight: bold;
  font-color: red;
}
 
Du musst drauf achten, dass der Pfad zur CSS-Datei richtig ist.

Wenn es nicht geht, poste mal einen Link zu deiner Seite.
 
HTML: 
<link rel="stylesheet" title="Deafault" href="css/creativeHeadlines.css" type="text/css" media="screen" />
das ist der link der zu der css datei führen soll.

P.s ich kann dir kein link schicken weil die seite nicht online ist. Das ist eine aufgabe aus einem Lernbuch.
 
xXxPeterPanxXx schrieb:
HTML: 
<link rel="stylesheet" title="Deafault" href="css/creativeHeadlines.css" type="text/css" media="screen" />
das ist der link der zu der css datei führen soll.
Zum Vergrößern anklicken....
Das sieht soweit richtig aus.

P.s ich kann dir kein link schicken weil die seite nicht online ist. Das ist eine aufgabe aus einem Lernbuch.
Zum Vergrößern anklicken....
Das eine hat mit dem anderen ja nichs zu tun. Es gibt genügend Freehoster, bei denen du dir schnell einen Account machen kannst, um die Seite hoch zu laden.

Sonst wird das weitere Helfen etwas schwierig.
 
die html datei:
HTML: 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtmll/DTD/xhtmll-strict.dtd">
<html xmlns="http://www..w3.org/1999/xhtml" xml:lang="de"
dir="ltr">
<head>
<meta http-equiv="Content-Type" content="text/
html;charset=iso-8859-1" />
<title>kreative & Uuml; Überschriften</title>
<link rel="stylesheet" title="Deafault" href="css/creativeHeadlines.css" type="text/css" media="screen" />
</head>
<body>

<h1>Adobe <span>Photoshop CS3</span></h1>
<h2>Der professionelle Einstieg</h2>
<p>
Dieses Buch nimmt sie ernst. Es vermittlet ohne Umwege praktisches<br> 
Know-howfür proffesionelle Einsteiger im Grafik- und Fotobereich: Legen <br>
Sie sofort los mit den wirklich interessanten Themen wie Bildkorrektur,<br> 
Retusche,Beleuchtungs- und Farboptimierung, der Automatisierung und der <br>
Ausgabe. Dabei werden neue CS3-Funktioen ebenso behandelt wie <br>
bewährte Photoshop-Techniken. <br>
</p>

und die css:
</body>
</html>
HTML: 
body {
margin:25px;
padding:0;
font:mormal 100.01% Tahoma, Arial;
}
h1 {
width:400px;
padding:0;
margin:0;
font:italic normal 175%/115% Georgia, Verdana;
color:#3A3A3A;
}
 
Abgesehen von ein paar kleinen Flüchtigkeitsfehlern ist das doch schon gut und funktioniert auch, wenn die Fehler korrigiert sind.

Falsch
Code: 
[COLOR=#000080]<html xmlns=[COLOR=#0000ff]"http://www..w3.org/1999/xhtml"[/COLOR][/COLOR]
Richtig
Code: 
[COLOR=#000080]<html xmlns=[COLOR=#0000ff]"http://www.w3.org/1999/xhtml"[/COLOR][/COLOR]
Falsch
Code: 
[COLOR=#000080]<title>[/COLOR]kreative & Uuml; Überschriften[COLOR=#000080]</title>[/COLOR]
Richtig
Code: 
[COLOR=#000080]<title>[/COLOR]kreative &Uuml;berschriften[COLOR=#000080]</title>[/COLOR]
Falsch
Code: 
<br>
Richtig
Code: 
<br />
Falsch
Code: 
font:mormal 100.01% Tahoma, Arial;
Richtig
Code: 
font:normal 100.01% Tahoma, Arial;
 
Ja es klappt:grin: ich habe alles überprüft mit dem link und den Ordnren und jetzt fuktioniert es. Ich weiss zwar nicht ganz genau wie aber ich bin total froh.

Danke Danke Danke THOR
ohne dich hätte ich das nicht geschafft.
 
Status
Für weitere Antworten geschlossen.

Neueste Beiträge

Zurück
Oben