latrellvie
Neues Mitglied
Hallo !!!
Bin Anfänger und kann Css nicht in meine Website integrieren , was mache ich falsch ?
Ich sag jetzt schon mal Danke für eure Hilfe !!!
Habe beide Dateien die html und die css in dem gleichen Ordner gespeichert.
meine html datei, gespeichert als Vorlage1.html
<?xml version="1.0"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="XHTML namespace">
<head>
<title>Samson World</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<meta name="description" content="Homepage von Samson"/>
<meta name="author" content="Samson O." />
<meta name="keywords" content="Informatik,Sport, Rap, Mode "/>
<meta name="robots" content="index, follow"/>
<link rel="stylesheet" type="text/css" href="verzeichnis/stylesheet.css" />
</head>
<body>
<div class="logo">
<img src="Samson.jpg" width="621" height="92" alt="Logo Samson" />
</div><!-- Ende class=Logo -->
<div class="navi">
<a href="index.html">Home</a>
<a href="biography.html">biography</a>
<a href="hobbies.html">hobbies</a>
<a href="miscellaneous">miscellaneous</a>
<a href="pictures.html">pictures</a>
<a href="impressum.html">Impressum</a>
<a href="mailto:[email protected]">[email protected]</a>
</div><!-- Ende class=navi -->
<div class="inhalt">
</div><!-- Ende class=inhalt -->
<div class="fuss">
</div><!-- Ende class=fuss -->
</body>
</html>
meine css datei, gespeichert als stylesheet.css :
/* StyleSheet-Datei für URL (z.B. people.freenet.de/DEINNAME)
Erstellt von DeinName am DATUM
Angaben zu Farben:
Hintergrund-Body: #686565;
Hintergrund-Inhalt, Navi und Fuss:#5e6061
Schriftfarbe : #909395
*/
body
{
background-color:#686565;
color:#ffffff;
margin:20px;
}
/* Hintergrund in Grau und ein Randabstand von 20px */
.logo
{
text-align:center;
}
/* Das logo wird mittig ausgerichtet. Mit <div class="logo"> und </div> das Logo umschliessen. */
.navi
{
text-align:center;
background-color:#5e6061;
}
.inhalt
{
text-align:left;
background-color:#5e6061;
color:#ffffff;
padding:20px;
}
/* Der Inhalt wird links ausgerichtet (ist Standard) und es wird eine dunkelere Farbe genommen. */
.fuss
{
background-color:#5e6061;
text-align:center;
}
h1, h2, h3, h4, h5, h6, p
{
color:#909395;
background:transparent;
}
/* Textfarbe wird festgelegt */
a
{
letter-spacing:2px;
background:transparent;
text-decoration:underline;
}
a:link
{
color:#000000;
}
a:visited
{
color:#303132;
}
a:hover
{
color:#f0f0f0;
}
a:active
{
color:#6d6f71;
}
/*Die Farben und Eigenschaften der Links */
Bin Anfänger und kann Css nicht in meine Website integrieren , was mache ich falsch ?
Ich sag jetzt schon mal Danke für eure Hilfe !!!
Habe beide Dateien die html und die css in dem gleichen Ordner gespeichert.
meine html datei, gespeichert als Vorlage1.html
<?xml version="1.0"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="XHTML namespace">
<head>
<title>Samson World</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<meta name="description" content="Homepage von Samson"/>
<meta name="author" content="Samson O." />
<meta name="keywords" content="Informatik,Sport, Rap, Mode "/>
<meta name="robots" content="index, follow"/>
<link rel="stylesheet" type="text/css" href="verzeichnis/stylesheet.css" />
</head>
<body>
<div class="logo">
<img src="Samson.jpg" width="621" height="92" alt="Logo Samson" />
</div><!-- Ende class=Logo -->
<div class="navi">
<a href="index.html">Home</a>
<a href="biography.html">biography</a>
<a href="hobbies.html">hobbies</a>
<a href="miscellaneous">miscellaneous</a>
<a href="pictures.html">pictures</a>
<a href="impressum.html">Impressum</a>
<a href="mailto:[email protected]">[email protected]</a>
</div><!-- Ende class=navi -->
<div class="inhalt">
</div><!-- Ende class=inhalt -->
<div class="fuss">
</div><!-- Ende class=fuss -->
</body>
</html>
meine css datei, gespeichert als stylesheet.css :
/* StyleSheet-Datei für URL (z.B. people.freenet.de/DEINNAME)
Erstellt von DeinName am DATUM
Angaben zu Farben:
Hintergrund-Body: #686565;
Hintergrund-Inhalt, Navi und Fuss:#5e6061
Schriftfarbe : #909395
*/
body
{
background-color:#686565;
color:#ffffff;
margin:20px;
}
/* Hintergrund in Grau und ein Randabstand von 20px */
.logo
{
text-align:center;
}
/* Das logo wird mittig ausgerichtet. Mit <div class="logo"> und </div> das Logo umschliessen. */
.navi
{
text-align:center;
background-color:#5e6061;
}
.inhalt
{
text-align:left;
background-color:#5e6061;
color:#ffffff;
padding:20px;
}
/* Der Inhalt wird links ausgerichtet (ist Standard) und es wird eine dunkelere Farbe genommen. */
.fuss
{
background-color:#5e6061;
text-align:center;
}
h1, h2, h3, h4, h5, h6, p
{
color:#909395;
background:transparent;
}
/* Textfarbe wird festgelegt */
a
{
letter-spacing:2px;
background:transparent;
text-decoration:underline;
}
a:link
{
color:#000000;
}
a:visited
{
color:#303132;
}
a:hover
{
color:#f0f0f0;
}
a:active
{
color:#6d6f71;
}
/*Die Farben und Eigenschaften der Links */
