Insérer un ficher CSS dans un ficher HTML [Résolu/Fermé]

Signaler
Messages postés
174
Date d'inscription
mercredi 29 janvier 2014
Statut
Membre
Dernière intervention
24 juin 2014
-
Messages postés
174
Date d'inscription
mercredi 29 janvier 2014
Statut
Membre
Dernière intervention
24 juin 2014
-
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

Messages postés
504
Date d'inscription
dimanche 20 janvier 2008
Statut
Membre
Dernière intervention
9 mars 2020
34
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
Merci

Quelques mots de remerciements seront grandement appréciés. Ajouter un commentaire

CCM 79988 internautes nous ont dit merci ce mois-ci

Messages postés
504
Date d'inscription
dimanche 20 janvier 2008
Statut
Membre
Dernière intervention
9 mars 2020
34
tu vois bien....
1
Merci

Quelques mots de remerciements seront grandement appréciés. Ajouter un commentaire

CCM 79988 internautes nous ont dit merci ce mois-ci

Messages postés
504
Date d'inscription
dimanche 20 janvier 2008
Statut
Membre
Dernière intervention
9 mars 2020
34
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
Merci

Quelques mots de remerciements seront grandement appréciés. Ajouter un commentaire

CCM 79988 internautes nous ont dit merci ce mois-ci

Messages postés
174
Date d'inscription
mercredi 29 janvier 2014
Statut
Membre
Dernière intervention
24 juin 2014
4
C'est vrai, merci :)
Mais un conseil peut faire avancer beaucoup !
Messages postés
504
Date d'inscription
dimanche 20 janvier 2008
Statut
Membre
Dernière intervention
9 mars 2020
34
JE NE SAIS PAS QUOI METTRE...
tu mets le chemin vers ton fichier CSS

<link rel="stylesheet" href="style.css">
Messages postés
174
Date d'inscription
mercredi 29 janvier 2014
Statut
Membre
Dernière intervention
24 juin 2014
4
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
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
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.
Messages postés
174
Date d'inscription
mercredi 29 janvier 2014
Statut
Membre
Dernière intervention
24 juin 2014
4
Ok merci, je verrai si ça marche.
Messages postés
174
Date d'inscription
mercredi 29 janvier 2014
Statut
Membre
Dernière intervention
24 juin 2014
4
Merci de l'info !
Messages postés
174
Date d'inscription
mercredi 29 janvier 2014
Statut
Membre
Dernière intervention
24 juin 2014
4
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.
Messages postés
174
Date d'inscription
mercredi 29 janvier 2014
Statut
Membre
Dernière intervention
24 juin 2014
4
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
Messages postés
174
Date d'inscription
mercredi 29 janvier 2014
Statut
Membre
Dernière intervention
24 juin 2014
4
J'ai besoin d'aide :)
Messages postés
174
Date d'inscription
mercredi 29 janvier 2014
Statut
Membre
Dernière intervention
24 juin 2014
4
Merci :)
Mais avec l'URL complet, est ce que ça marche ?
Messages postés
174
Date d'inscription
mercredi 29 janvier 2014
Statut
Membre
Dernière intervention
24 juin 2014
4
Merci, alors, il faut juste faire l'url de son ficher et de pas de tout ses dossiers ?