CSS externe
sophie
-
sophie -
sophie -
Bonjour,
Je suis en train de créer un site pour une copine avec du HTML et du CSS. J'avais mis mon CSS dans la balise Head et tout s'affichait normalement. J'ai voulu créer une feuille de style externe, et depuis ma mise ne page ne s'affiche plus du tout.
Voici ce qu'il y a dans le Head :
<head>
<meta content="text/html; charset=ISO-8859-1"
http-equiv="content-type">
<title>AS 64, association de services à la personne
en pays basque</title>
<link rel="stylesheet" type="text/css"
href="css-cousine.css">
<style type="text/css" media="screen">@import "css-cousine.css";</style>
</head>
et mon CSS :
body { background-image: url("fond.png");} h1 {
font-family:verdana, sans-serif;
font-size:200%;
color:#FFFFF0;
background-color:black;
text-align:left;
} h2 {
font-family:verdana, sans-serif;
font-size:180%;
color:white;
background-color:#696969;
text-align:left;
} h3 {
font-family:verdana, sans-serif;
font-size:120%;
color:white;
background-color:silver;
text-align:left;
}
p {
font-family:verdana, sans-serif;
font-size:100%;
color:silver;
background-color:transparent;
text-align:justify;
margin-left:10px;
margin-right:10px;
}
li {
font-family:verdana, sans-serif;
font-size:100%;
color:black;
background-color:white;
text-align:left;
margin-left:0px;
margin-right:0px;
}
a:link {
font-family:verdana, sans-serif;
font-size:100%;
color:white;
background-color:#8b008b;
text-decoration:underline;
}
a:visited {
font-family:verdana, sans-serif;
font-size:100%;
color:black;
background-color:transparent;
text-decoration:none;
}
a:hover {
font-family:verdana, sans-serif;
font-size:120%;
color:#20b2aa;
background-color:transparent;
text-decoration:underline;
}
table {
border-color:transparent;
border-style:solid;
border-width:1px;
}
td {
font-family:verdana, sans-serif;
font-size:100%;
color:white;
text-align:left;
background-color:transparent;
border-color:transparent;
border-style:solid;
border-width:1px;
}
Merci de me renseigner sur ce qui ne va pas.
Merci d'avance.
Je suis en train de créer un site pour une copine avec du HTML et du CSS. J'avais mis mon CSS dans la balise Head et tout s'affichait normalement. J'ai voulu créer une feuille de style externe, et depuis ma mise ne page ne s'affiche plus du tout.
Voici ce qu'il y a dans le Head :
<head>
<meta content="text/html; charset=ISO-8859-1"
http-equiv="content-type">
<title>AS 64, association de services à la personne
en pays basque</title>
<link rel="stylesheet" type="text/css"
href="css-cousine.css">
<style type="text/css" media="screen">@import "css-cousine.css";</style>
</head>
et mon CSS :
body { background-image: url("fond.png");} h1 {
font-family:verdana, sans-serif;
font-size:200%;
color:#FFFFF0;
background-color:black;
text-align:left;
} h2 {
font-family:verdana, sans-serif;
font-size:180%;
color:white;
background-color:#696969;
text-align:left;
} h3 {
font-family:verdana, sans-serif;
font-size:120%;
color:white;
background-color:silver;
text-align:left;
}
p {
font-family:verdana, sans-serif;
font-size:100%;
color:silver;
background-color:transparent;
text-align:justify;
margin-left:10px;
margin-right:10px;
}
li {
font-family:verdana, sans-serif;
font-size:100%;
color:black;
background-color:white;
text-align:left;
margin-left:0px;
margin-right:0px;
}
a:link {
font-family:verdana, sans-serif;
font-size:100%;
color:white;
background-color:#8b008b;
text-decoration:underline;
}
a:visited {
font-family:verdana, sans-serif;
font-size:100%;
color:black;
background-color:transparent;
text-decoration:none;
}
a:hover {
font-family:verdana, sans-serif;
font-size:120%;
color:#20b2aa;
background-color:transparent;
text-decoration:underline;
}
table {
border-color:transparent;
border-style:solid;
border-width:1px;
}
td {
font-family:verdana, sans-serif;
font-size:100%;
color:white;
text-align:left;
background-color:transparent;
border-color:transparent;
border-style:solid;
border-width:1px;
}
Merci de me renseigner sur ce qui ne va pas.
Merci d'avance.
2 réponses
Salut,
Tout d'abord vérifie bien qu'il est dans le même dossier que tes pages, vu que tu met :
Personnellement moi je créer un dossier pour les pages, un pour les images et un pour le css ce qui donne dans mes pages (dans balise head)
Tout d'abord vérifie bien qu'il est dans le même dossier que tes pages, vu que tu met :
<link rel="stylesheet" type="text/css" href="css-cousine.css">
Personnellement moi je créer un dossier pour les pages, un pour les images et un pour le css ce qui donne dans mes pages (dans balise head)
<link rel="stylesheet" type="text/css" href="css/style.css">Et ceci me suffit.
