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.

A voir également:

Insérer un ficher CSS dans un ficher HTML
Insérer signature word - Guide
Insérer une vidéo dans powerpoint - Guide
Insérer liste déroulante excel - Guide
Insérer un sommaire word - Guide
Editeur html - Télécharger - HTML

11 réponses

Réponse 1 / 11

jjaco Messages postés 529 Date d'inscription dimanche 20 janvier 2008 Statut Membre Dernière intervention 15 mars 2024 45
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...

Réponse 2 / 11

jjaco Messages postés 529 Date d'inscription dimanche 20 janvier 2008 Statut Membre Dernière intervention 15 mars 2024 45
10 mars 2014 à 22:07

tu vois bien....

Réponse 3 / 11

jjaco Messages postés 529 Date d'inscription dimanche 20 janvier 2008 Statut Membre Dernière intervention 15 mars 2024 45
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...

_nicolas Messages postés 169 Date d'inscription mercredi 29 janvier 2014 Statut Membre Dernière intervention 24 juin 2014 8
12 mars 2014 à 10:13

C'est vrai, merci :)
Mais un conseil peut faire avancer beaucoup !

Réponse 4 / 11

jjaco Messages postés 529 Date d'inscription dimanche 20 janvier 2008 Statut Membre Dernière intervention 15 mars 2024 45
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">

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 8
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

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

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.

_nicolas Messages postés 169 Date d'inscription mercredi 29 janvier 2014 Statut Membre Dernière intervention 24 juin 2014 8
1 mars 2014 à 20:18

Ok merci, je verrai si ça marche.

Réponse 6 / 11

_nicolas Messages postés 169 Date d'inscription mercredi 29 janvier 2014 Statut Membre Dernière intervention 24 juin 2014 8
4 mars 2014 à 11:11

Merci de l'info !

Réponse 7 / 11

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

Réponse 8 / 11

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

Réponse 9 / 11

_nicolas Messages postés 169 Date d'inscription mercredi 29 janvier 2014 Statut Membre Dernière intervention 24 juin 2014 8
10 mars 2014 à 17:54

J'ai besoin d'aide :)

Réponse 10 / 11

_nicolas Messages postés 169 Date d'inscription mercredi 29 janvier 2014 Statut Membre Dernière intervention 24 juin 2014 8
10 mars 2014 à 21:35

Merci :)
Mais avec l'URL complet, est ce que ça marche ?

Réponse 11 / 11

_nicolas Messages postés 169 Date d'inscription mercredi 29 janvier 2014 Statut Membre Dernière intervention 24 juin 2014 8
11 mars 2014 à 10:57

Merci, alors, il faut juste faire l'url de son ficher et de pas de tout ses dossiers ?

Discussions similaires

trait horizontal avec du css

&nbsp ; Quelle Fonction ?

Espace en HTML

[CSS] Forcé retour à la ligne

Discussions similaires

Newsletters