[Résolu] Pb CSS 3

8iMac · 19/07/2012, 17h40

EDIT: Je déplace cette discution dans le forum Developpement Web.
Je suis vraiment desolé du double-post.

Bonjour à tous,
je débute dans la programmation de site web avec ce tuto:
http://www.siteduzero.com/tutoriel-3...5-et-css3.html

Cependant, je suis bloqué pour colorer le texte à l'aide de CSS 3. J'ai TextWrangler comme éditeur de texte.

J'ai bien crée un dossier que j'ai appelé HTML, dedans j'ai:
- un fichier test1.html qui contient ce code:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<link rel="stylesheet" href="style.css" />
<title>Titre</title>
</head>

<body>
<h1> Bonjour! </h1>
<p>
Bonjour et <strong>bienvenue</strong> sur mon site ! <br />

<h2> Mais... </h2>
Pour l'instant c un peu vide mais vous allez voir après<strong>:)</strong>
</p>

<h3> T'inquiètes! </h3>
<p> Vous ne serez pas déçu! </p>
<p> Bientôt ce site ressemblera à: <br />
<ol>
<li><mark> Un site au design irréprochable!</mark></li>
<li><mark> Un site avec un contenu irréprochable!</mark></li>
<li><mark> Un site à la sécurité irréprochable!</mark></li>
</ol>
<p> Ah! J'apprends avec <a href="http://www.siteduzero.com" target="_blank" title= "On y apprend tout de zéro">ce site </a> <br />
Alors si vous êtes aussi interessé par l'informatique (comment creer un site, creer un logiciel, jetez-y un oeil ;-)
</p>
<p> Cette page commence un peu à se remplir et j'ai apris à creer des liens vers une page web existante
donc maintenant je vais vous proposer d'aller (à l'aide d'un lien) sur <a href= "test2.html">la deuxième page de mon site!
</p>

</body>
</html>

- un fichier test 2.html avec ce code:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<link rel="stylesheet" href="style.css" />
<title>Titre</title>
</head>

<body>
<h1> Bienvenue sur la page 2 de mon site! </h1>
<p> J'ai fais un MIX avec Logic Pro 9 que vous pouvez lire ici: <a href="Windaube MIX.aif"> Mix.aif </a></p>
Ps: Si vous souhaitez télécharger ce fichier, faites un clic-droit dessus puis faites enregistrer sous et choisissez l'emplacement de
sauvegarde.
<p> Voici une image: <br /> <br />
<img src="test.jpeg" alt="iMac 21,5 2011" title="iMac 21,5 2011" />
</p>

</body>
</html>

- un fichier style.css avec ce code:

p
{
color: blue;
}

- un fichier .aif qui se nomme Windaube MIX.aif

- et un fichier jpeg qui se nomme test.jpeg

Pourquoi le texte ne s'affiche pas en bleu ?

Merci de m'avoir lu jusqu'à la fin.
Merci de votre aide :)

Leyry Hynemonth · 19/07/2012, 20h43

Salut !

D'après ton code, tout fonctionne.
L'erreur doit venir de ton fichier style.css :
Vérifie bien qu'il est au même endroit que la page HTML, et que tu est bien en train d'éditer le fichier que tu crois.
Dans le Finder, affiche les informations détaillées de ce fichier de style, et au niveau du nom et de l'extension, vérifie bien que tu as "style.css" écrit exactement comme tu l'as écrit dans la balise link (cad sans majuscule).

Si ça ne donne toujours rien, penses à vider la cache de ton navigateur.

8iMac · 20/07/2012, 09h39

J'ai enfin réussi en vidant le cache de Safari. Merci !!!!!!!!

19/07/2012, 17h40	Pb CSS 3	#1
8iMac Membre Date d'inscription: 19/04/12 Messages: 57 Disco:	EDIT: Je déplace cette discution dans le forum Developpement Web. Je suis vraiment desolé du double-post. Bonjour à tous, je débute dans la programmation de site web avec ce tuto: http://www.siteduzero.com/tutoriel-3...5-et-css3.html Cependant, je suis bloqué pour colorer le texte à l'aide de CSS 3. J'ai TextWrangler comme éditeur de texte. J'ai bien crée un dossier que j'ai appelé HTML, dedans j'ai: - un fichier test1.html qui contient ce code: <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <link rel="stylesheet" href="style.css" /> <title>Titre</title> </head> <body> <h1> Bonjour! </h1> <p> Bonjour et <strong>bienvenue</strong> sur mon site ! <br /> <h2> Mais... </h2> Pour l'instant c un peu vide mais vous allez voir après<strong>:)</strong> </p> <h3> T'inquiètes! </h3> <p> Vous ne serez pas déçu! </p> <p> Bientôt ce site ressemblera à: <br /> <ol> <li><mark> Un site au design irréprochable!</mark></li> <li><mark> Un site avec un contenu irréprochable!</mark></li> <li><mark> Un site à la sécurité irréprochable!</mark></li> </ol> <p> Ah! J'apprends avec <a href="http://www.siteduzero.com" target="_blank" title= "On y apprend tout de zéro">ce site </a> <br /> Alors si vous êtes aussi interessé par l'informatique (comment creer un site, creer un logiciel, jetez-y un oeil ;-) </p> <p> Cette page commence un peu à se remplir et j'ai apris à creer des liens vers une page web existante donc maintenant je vais vous proposer d'aller (à l'aide d'un lien) sur <a href= "test2.html">la deuxième page de mon site! </p> </body> </html> - un fichier test 2.html avec ce code: <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <link rel="stylesheet" href="style.css" /> <title>Titre</title> </head> <body> <h1> Bienvenue sur la page 2 de mon site! </h1> <p> J'ai fais un MIX avec Logic Pro 9 que vous pouvez lire ici: <a href="Windaube MIX.aif"> Mix.aif </a></p> Ps: Si vous souhaitez télécharger ce fichier, faites un clic-droit dessus puis faites enregistrer sous et choisissez l'emplacement de sauvegarde. <p> Voici une image: <br /> <br /> <img src="test.jpeg" alt="iMac 21,5 2011" title="iMac 21,5 2011" /> </p> </body> </html> - un fichier style.css avec ce code: p { color: blue; } - un fichier .aif qui se nomme Windaube MIX.aif - et un fichier jpeg qui se nomme test.jpeg Pourquoi le texte ne s'affiche pas en bleu ? Merci de m'avoir lu jusqu'à la fin. Merci de votre aide :)
	Dernière modification par 8iMac ; 19/07/2012 à 19h04.

19/07/2012, 20h43		#2
Leyry Hynemonth Accro à MacG Date d'inscription: 18/12/04 Localisation: Montpellier Messages: 3911 Disco:	Salut ! D'après ton code, tout fonctionne. L'erreur doit venir de ton fichier style.css : Vérifie bien qu'il est au même endroit que la page HTML, et que tu est bien en train d'éditer le fichier que tu crois. Dans le Finder, affiche les informations détaillées de ce fichier de style, et au niveau du nom et de l'extension, vérifie bien que tu as "style.css" écrit exactement comme tu l'as écrit dans la balise link (cad sans majuscule). Si ça ne donne toujours rien, penses à vider la cache de ton navigateur.
	-------------------- Étant petit, je jouais énormément aux jeux de brique. Je passais des heures à emboiter les modules les uns dans les autres, à concevoir de nouvelles constructions. Aujourd'hui, cela n'a pas changé : je suis simplement passé de la marque Lego® à Java.

Outils de la discussion
Afficher une version imprimable Envoyer un lien vers cette page par email
Modes d'affichage
Mode linéaire Choisir le mode hybride Choisir le mode arborescent

20/07/2012, 09h39		#3
8iMac Membre Date d'inscription: 19/04/12 Messages: 57 Disco:	J'ai enfin réussi en vidant le cache de Safari. Merci !!!!!!!!

Utilisateurs regardant la discussion actuelle : 1 (0 membre(s) et 1 invité(s))