Sujet Précédent Sujet Suivant

Insérer un ficher CSS dans un ficher HTML

Résolu/Fermé
_nicolas
Messages postés
169
Date d'inscription
mercredi 29 janvier 2014
Statut
Membre
Dernière intervention
24 juin 2014
 - 1 mars 2014 à 13:24
_nicolas
Messages postés
169
Date d'inscription
mercredi 29 janvier 2014
Statut
Membre
Dernière intervention
24 juin 2014
 - 12 mars 2014 à 10:13
Bonjour,
Tout est dans le titre ;)
<!DOCTYPE html>
<html>
	<head>
		<title> ..... </title>
		<link href="<gras>JE NE SAIS PAS QUOI METTRE</gras>" rel="stylesheet" type="text/css">
	</head>
	<body>
		<div id=Tête>
			<img border="0" src="file:///C:/Users/.../Desktop/Programation%20NICOLAS/Site%20avec%20Notepad++/Bouton%....................... .gif">
		</div>
		<div id=Menu>
			<ul>
				<li>Menu</li>
				<li>Niveau débutant</li>
				<li>Niveau moyen</li>
				<li>Niveau bon joueur</li>
			</ul>
		</div>
		<div id=corps>
			<h2>.......</h2>
			<p>Bienvenu sur mon site en HTML et en CSS grace à l'éditeur Notepad ++.</p>
		</div>
		<div id=footer>
		</div>
	</body>
</html>





Et mon ficher CSS :
html{
background: url("programation nicolas/site avec notepad++/image de fond1.gif") repeat fixed;
font-family: verdana
}


Je vous remercie de votre aide.



11 réponses

Réponse 1 / 11
jjaco
Messages postés
529
Date d'inscription
dimanche 20 janvier 2008
Statut
Membre
Dernière intervention
28 mars 2022
 42
10 mars 2014 à 19:07
tu ne dois pas mettre l'url complet, si ton image est dans le même répertoire il suffit de mettre url("image de fond1.gif")
Tu devrais faire le plan du site et là tu verrais où sont des dossiers et fichiers à retrouver et comment faire les liens...
1
Réponse 2 / 11
jjaco
Messages postés
529
Date d'inscription
dimanche 20 janvier 2008
Statut
Membre
Dernière intervention
28 mars 2022
 42
10 mars 2014 à 22:07
tu vois bien....
1
Réponse 3 / 11
jjaco
Messages postés
529
Date d'inscription
dimanche 20 janvier 2008
Statut
Membre
Dernière intervention
28 mars 2022
 42
11 mars 2014 à 11:52
tu essaies, tu tâtonnes si ca ne va pas... et tu vois sur ton navigateur ce que ça donne... si ca ne va pas tu essaies une autre solution. Ce n'est pas en faisant les recherches à ta place que tu apprendras quelquechose...
Le travail de développeur est un travail de logique, donc il faut comprendre ce que tu fais et pourquoi tu le fais...
1
_nicolas
Messages postés
169
Date d'inscription
mercredi 29 janvier 2014
Statut
Membre
Dernière intervention
24 juin 2014
 7
12 mars 2014 à 10:13
C'est vrai, merci :)
Mais un conseil peut faire avancer beaucoup !
0
Réponse 4 / 11
jjaco
Messages postés
529
Date d'inscription
dimanche 20 janvier 2008
Statut
Membre
Dernière intervention
28 mars 2022
 42
1 mars 2014 à 14:02
JE NE SAIS PAS QUOI METTRE...
tu mets le chemin vers ton fichier CSS

<link rel="stylesheet" href="style.css">
0

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
Réponse 5 / 11
_nicolas
Messages postés
169
Date d'inscription
mercredi 29 janvier 2014
Statut
Membre
Dernière intervention
24 juin 2014
 7
1 mars 2014 à 16:35
Ok, merci :)
Et dans mon ficher CSS, j'aimerai mettre une image.
Mais je ne sais pas quoi mettre (URL ou dossier ou je stocke mon image O_o)

Je te remercie beaucoup de ta réponse.

Nicolas
0
mohamedlevy
1 mars 2014 à 19:47
Salut,
je ne sait pas comment vous apprenez mais vous devriez commencer par les bases ou changer de cours de HTML et CSS.
En tout cas il y a quelque chose que vous n'avez pas assimilé et qui vous empêchera d'aller plus loin.
C'est pourtant simple:
HTML est un ensemble de repères nommés balises qui permettent de créer _une page internet(sa structure). On peut grâce à ces balises charger des textes, des images et autres contenus à publier.
CSS ce sont les feuilles de styles qui correspondent à des propriétés que l'on peut donner aux éléments de la page. Pour cela il y a 3 façons de rajouter les propriétés CSS à une page HTML. L'une d'elles est de charger un fichier CSS externe dans votre HTML en utilisant la balise appropriée.


Donc ceci:
"Et dans mon ficher CSS, j'aimerai mettre une image."

Est totalement impossible: CSS= fichier de texte indiquant des propriétés comme une bordure, une couleur de fond, une image de fond etc...pour un ou plusieurs de ces éléments nommés balise(s) HTML.
Si vous voulez simplement une image vous devez utiliser la balise HTML appropriée:
<img src='mon_image.jpg' alt='image de test' />

Si vous devez

Quant au mot URL c'est un acronyme qui signifie Unified Ressource Locator, en français on parle de chemin ou itinéraire d'accès.
Un dossier étant un tiroir dans lequel on met des choses c'est d'un fichier que vous devez parler... pour mettre une chemise c'est bien la chemise que vous prenez et non pas l'armoire?

En gros vous débutez mais si vous ne suivez pas un cours vous pourrez pas apprendre quoi que ce soit et là vous butez sur des bases...qu'il vous manque(la notiokn d'URL, qu'est ce que le CSS, répertoire racine et adressage(URL) relatif...)

Beaucoup de choses que vous trouverez dans ce cours et la plupart des autres tuto destinés aux débutants :

http://fr.openclassrooms.com/informatique/cours/apprenez-a-creer-votre-site-web-avec-html5-et-css3
0
mohamedlevy
Modifié par mohamedlevy le 1/03/2014 à 19:57
autre remarque :
les noms des fichiers et dossiers sur internet ne doivent pas comprendre d'espace (et pour la plupart aucun caractères spéciaux ou accents, dans la mesure du possible éviter les majuscules).

Vous ne pouvez donc pas utiliser un dossier nommé "programation nicolas" ni "site avec notepad++" et ceci non plus "image de fond1.gif"

Il faut soit écrire programmationnicolas soit programmation_nicolas (la barre basse du 8 est autorisé) et siteavecnotepad ou site_avec_notepad et pour le nom du fichier imagedefond1.gif ou image_de_fond1.gif.

Sans cela ça ne marchera pas.

Au passage(et pour expliquer 'comment ça marche') ni HMTL ni CSS ne sont de la programmation, ils permettent simplement de décrire (comme le fait word) ce qu'il y a dans la page et comment cela s'affiche.
La programmation fait appel à des structures logiques(oui/non) et des valeurs en mémoire(variables) et permet de faire d'autre chose comme manipuler HTML et CSS et leur valeurs sans devoir faire plusieurs pages différentes.
0
_nicolas
Messages postés
169
Date d'inscription
mercredi 29 janvier 2014
Statut
Membre
Dernière intervention
24 juin 2014
 7
1 mars 2014 à 20:18
Ok merci, je verrai si ça marche.
0
Réponse 6 / 11
_nicolas
Messages postés
169
Date d'inscription
mercredi 29 janvier 2014
Statut
Membre
Dernière intervention
24 juin 2014
 7
4 mars 2014 à 11:11
Merci de l'info !
0
Réponse 7 / 11
_nicolas
Messages postés
169
Date d'inscription
mercredi 29 janvier 2014
Statut
Membre
Dernière intervention
24 juin 2014
 7
4 mars 2014 à 11:13
html{
background: url("programation nicolas/site avec notepad++/image de fond1.gif") repeat fixed;
font-family: verdana
}

Voila mon ficher CSS mais mon problème, c'est que l'image image de fond1.gif ne s'affiche pas.
0
Réponse 8 / 11
_nicolas
Messages postés
169
Date d'inscription
mercredi 29 janvier 2014
Statut
Membre
Dernière intervention
24 juin 2014
 7
4 mars 2014 à 11:23 
html{
background: url("programation_nicolas/site_avec_notepad++/image_de_fond1.gif") repeat fixed;
font-family: verdana
}



Mon image ne s'affiche pas.
Mon dossier est dans le bureau qui s'appelle Programmation NICOLAS.
Dans ce dossier, il y a le dossier Site avec Notepad++, dans ce dossier, il y a l'image image de dont1.gif
0
Réponse 9 / 11
_nicolas
Messages postés
169
Date d'inscription
mercredi 29 janvier 2014
Statut
Membre
Dernière intervention
24 juin 2014
 7
10 mars 2014 à 17:54
J'ai besoin d'aide :)
0
Réponse 10 / 11
_nicolas
Messages postés
169
Date d'inscription
mercredi 29 janvier 2014
Statut
Membre
Dernière intervention
24 juin 2014
 7
10 mars 2014 à 21:35
Merci :)
Mais avec l'URL complet, est ce que ça marche ?
0
Réponse 11 / 11
_nicolas
Messages postés
169
Date d'inscription
mercredi 29 janvier 2014
Statut
Membre
Dernière intervention
24 juin 2014
 7
11 mars 2014 à 10:57
Merci, alors, il faut juste faire l'url de son ficher et de pas de tout ses dossiers ?
0