Signaler

Appel d'un fichier css à partir de html [Fermé]

Posez votre question nisa83 - Dernière réponse le 20 juin 2014 à 09:07 par titou38
Bonjour,
j'ai crée le fichier aa.html ci-dessous (c'est un simple fichier pour faire un petit test):
<html>
<head>
<link rel="stylesheet" type="text/css" href="a.css" />

</head>
<body>
<h3> CSS</h3>
<p > Le langage CSS (Cascading Style Sheets) est utilisé pour définir l’aspect futur de votre site,
comme par exemple la couleur du fond de la page ou le type de police.

Plus concrètement, le CSS (ou feuille de style), c’est un petit fichier (exemple « style.css ») dans lequel vous allez définir l’aspect futur de votre site.
</p>
<img src="cercle1.jpg"/>
</body>

</html>
je veux à partir de ce fichier faire un appel au fichier a.css suivant (j'arrive pas à faire cet appel)
<html>
<head>
<style type ="text/css">

{
width: 80%;
padding: 20px;
border:5px solid #666;
background: red;
}
</style>
</head>
</html>
aidez-moi svp
merci
Afficher la suite 
Utile
+10
plus moins
dans ton head tu met ça
<link rel="stylesheet" href="a.css" type="text/css" media="screen" />
ou href="a.css" et le chemin direct vers son fichier de style.
mais bon ça tu l'as déja fait donc jvois pas :x
Cette réponse vous a-t-elle aidé ?  
nisa83- 10 janv. 2010 à 22:39
merci
mais c'est que j'ai fait au préalable mais ça passe pas
Utile
+2
plus moins
montre moi ton fichier a.css stp :)
Utile
+0
plus moins
Ton fichier a.css doit se trouver dans le même répertoire que ton aa.html.
nisa83- 10 janv. 2010 à 22:13
merci
mais déjà les 2 je les ai mis dans le bureau
Utile
+0
plus moins
<style type ="text/css">

{
width: 80%;
padding: 20px;
border:5px solid #666;
background: red;
} 


tu n'as pas besoin de le mettre dans le aa.html si tu l'as déja mis dans a.css sinon je vois pas ou est le probléme.
Cordialement
nisa83- 10 janv. 2010 à 22:28
en faite je veux que le fichier aa.html (et évidemment d'autres fichiers html du site) appelle le fichier a.css pous appliquer un style à mon fichier aa.html
Utile
+0
plus moins
Déjà commence par enlever le <body> et <head> de ton a.css
Tiens le bon code :

fichier "a.css"
***************************

body
{
background-color: red;
}

p
{
text-align:center;
text-color:blue;
}

input
{
width:80%;
padding:2px;
}

***************************

fichier "a.html"
***************************

<!doctype>
<html>
<head>
<link rel="stylesheet" type="text/css" href="a.css" />
</head>
<body>
<h3>CSS</h3>
<p > Le langage CSS (Cascading Style Sheets) est utilisé pour définir l'aspect futur de votre site,
comme par exemple la couleur du fond de la page ou le type de police.
Plus concrètement, le CSS (ou feuille de style), c'est un petit fichier (exemple « style.css ») dans lequel vous allez définir l'aspect futur de votre site.
</p>
<img src="cercle1.jpg"/>
</body>
</html>

***************************

Les membres obtiennent plus de réponses que les utilisateurs anonymes.

Le fait d'être membre vous permet d'avoir un suivi détaillé de vos demandes.

Le fait d'être membre vous permet d'avoir des options supplémentaires.

Vous n'êtes pas encore membre ?

inscrivez-vous, c'est gratuit et ça prend moins d'une minute !