PROBLEME INSERTION CODE CSS

Fermé
blabla - 13 déc. 2009 à 14:35
notobe Messages postés 1952 Date d'inscription mercredi 11 novembre 2009 Statut Membre Dernière intervention 8 juillet 2011 - 13 déc. 2009 à 16:14
Re-Bonjour,
J'ai un nouveau probleme, je n'arrive pas a inserer un code css ex :
p
{
color: blue;
font-size: 18px;
}

...dans mon fichier html, ou alors si je m'y prend mal, comment faire ??
ps : je débute ^^
merci
A voir également:

24 réponses

notobe Messages postés 1952 Date d'inscription mercredi 11 novembre 2009 Statut Membre Dernière intervention 8 juillet 2011 213
13 déc. 2009 à 14:40
Tu peux l'insérer dans ton fichier html, mais le mieux est de faire une feuille de style externe...

Dans le fichier html, tu mets ceci entre les balises <head></head>

<style type="text/css">
p {
color: blue;
font-size: 1.1em
} 
</style>

J'ai changé les px en em car c'est une unité relative mieux adaptée pour les tailles de caractères.
0
bonjour
entre head et head :

<style type="text/css">
p {
color: blue;
font-size: 1.1em
}
</style>
0
notobe Messages postés 1952 Date d'inscription mercredi 11 novembre 2009 Statut Membre Dernière intervention 8 juillet 2011 213
13 déc. 2009 à 14:49
Ca va Ideal ? Le copié-collé tu maîtrises, c'est bon ?!!!
0
la feuile de style je l'ai mais je ne sais pas m'en servir ^^"

et dans mon dossier html j'ai ajouté la balise
<link rel="stylesheet" media="screen" type="text/css" title="Design" href="design.css" />
mais je ne sais pas m'en servir ..
merci
0
notobe Messages postés 1952 Date d'inscription mercredi 11 novembre 2009 Statut Membre Dernière intervention 8 juillet 2011 213
13 déc. 2009 à 14:48
1. Ouvre cette page design.css dans notepad (ou crée-la)
2. Colle dedans

p {
color: blue;
font-size: 1.1em
} 

3. enregistre

Normalement, tous tes paragraphes doivent apparaître en bleu.
0

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

Posez votre question
oui mais quand j'ouvre la page sa ne change rien ?!
que faire ??
0
parce que le trck du copié collé de ideal sa marche, mais moi je veut le faire avec cette fameuse feuille de style

merci !! je sais je suis lourd ^^
0
notobe Messages postés 1952 Date d'inscription mercredi 11 novembre 2009 Statut Membre Dernière intervention 8 juillet 2011 213
13 déc. 2009 à 14:58
ahem... ça fait plaisir : ideal a juste copié-collé mon commentaire !

1. Est-ce que tu as suivi les 3 points que je t'ai donné juste au dessus ?
2. ta page design.css est-elle bien enregistrée dans le même répertoire que ta page html ?
3. Y a t-il des paragraphes déclarés dans ta page html ? (genre <p>Mon texte</p>)
0
ma page se nomme essai.css
oui il y a des paragraphe déclarés
et oui ils sont dans le même dossier.
Je suis perdu ....
merci
0
notobe Messages postés 1952 Date d'inscription mercredi 11 novembre 2009 Statut Membre Dernière intervention 8 juillet 2011 213
13 déc. 2009 à 15:04
Si ta page se nomme essai.css, alors le code de l'insertion de la feuille de style doit être :
<link rel="stylesheet" media="screen" type="text/css" title="Design" href="essai.css" /> 

(à mettre dans les balises <head></head>)
0
non , sa ne marche toujours pas, pourtant, j'ai collé
p {
color: blue;
font-size: 1.1em
}


dans essai.css, mais il n'y a toujours aucune couleur quand j'ouvre la page ... merci c'est vraiment sympa de m'aider, j'espere qu'on va trouver la solution ^^
0
notobe Messages postés 1952 Date d'inscription mercredi 11 novembre 2009 Statut Membre Dernière intervention 8 juillet 2011 213
13 déc. 2009 à 15:13
Tu as bien changé le nom design.css en essai.css dans le link ?
0
<head>
<title>Bienvenue sur mon site !</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" media="screen" type="text/css" title="Design" href="essai.css" />
</head>

oui il est changé,

et voila ce qu'il y a entre mes balises, le problèmes vient peut etre de la ..
0
notobe Messages postés 1952 Date d'inscription mercredi 11 novembre 2009 Statut Membre Dernière intervention 8 juillet 2011 213
13 déc. 2009 à 15:17
Non, c'est bon.

Colle tout ton code stp.
0
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
<head>
<title>Bienvenue sur mon site !</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" media="screen" type="text/css" title="Design" href="essai.css" />
</head>
<body>

<h1>Bienvenue !!!</h1>

<p>
<em>Premier test !!!</em>
<p/>
<p>
Bonjour et bienvenue sur mon <strong>site !</strong><br />


Ceci est mon premier test, c'est déja pas mal pour une première fois !!! <br />
Bientot j'espere, ce sera un joli site super interessant<br />
Voici une photo d'un clavier en chocolat ... miam ! :<br />
<img src="clavier_chocolat.jpg" alt="clavier en chocolat" title="clavier en chocolat" /> <br />
</p>
<p>
Si vous aimez la musique, voici le lien de youtube <a href="https://www.youtube.com/">le lien</a>
<p>
J'arrive enfin a mettre quelques phrases sur un site !!!<br /> Bon c'est pas encore ça mais sa viendra ^^ )
</p>
</body>
</html>


merci c'est vraiment sympa de m'aider
0
as tu trouvé le probleme ?
merci
0
notobe Messages postés 1952 Date d'inscription mercredi 11 novembre 2009 Statut Membre Dernière intervention 8 juillet 2011 213
13 déc. 2009 à 15:37
Il n'y a pas d'erreurs dans ton code.
Cela vient donc de ton fichier essai, pour une raison x...

Laquelle ?... [brainstorming...]

Confirme :
1. tu as créé une page essai.css dans laquelle tu as collé le code (et seulement ça)
p {
color: blue;
font-size: 1.1em
} 

2. tu as enregistré ce fichier sous le nom essai.css (il n'y a pas d'autres caractères ou une autre extension ?)
3. il est bien enregistré dans le même répertoire que ta page html
4. tu tentes de visualiser dans le navigateur après avoir rafraîchi ta page
0
alors, oui j'ai bien collé le bon code,
il est enregistré au nom de :

essai.css

dans le type : Cascade Style Sheets Files (*.css) << l'etoile dans la parenthese ressemble plus a un " + "

oui je tente de visualiser ma page après l'avoir actualisée

et enfin, oui il est enregistré dans le même dossier que html et l'image " clavier_chocolat"
0
notobe Messages postés 1952 Date d'inscription mercredi 11 novembre 2009 Statut Membre Dernière intervention 8 juillet 2011 213
13 déc. 2009 à 15:48
Pinaise, alors là je ne vois vraiment pas... il y a pourtant forcément quelque chose...

Bon, colle ici aussi le code CSS pour voir, et essaye tout de même en style interne, cad de mettre entre les balises head le premier code que je t'ai donné (celui avec les <style type="text/css">)
0
oui, entre les balises cela marche, je sais, mais le probleme c'est que pour continuer il faut que j'y arrive avec une feuille de style ...
0
notobe Messages postés 1952 Date d'inscription mercredi 11 novembre 2009 Statut Membre Dernière intervention 8 juillet 2011 213
13 déc. 2009 à 15:56
Oui, je suis bien d'accord...

Tu colles ici le contenu de ton fichier essai.css ?
0