PROBLEME INSERTION CODE CSS Fermé

Question

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

notobe · Answer

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 J'ai changé les px en em car c'est une unité relative mieux adaptée pour les tailles de caractères.

ideal · Answer

bonjour entre head et head :

blabla · Answer

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

notobe · Answer

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.

blabla · Answer

oui mais quand j'ouvre la page sa ne change rien ?!
que faire ??

blabla · Answer

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

notobe · Answer

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

Mon texte

)

blabla · Answer

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

notobe · Answer

Si ta page se nomme essai.css, alors le code de l'insertion de la feuille de style doit être : (à mettre dans les balises )

blabla · Answer

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

notobe · Answer

Tu as bien changé le nom design.css en essai.css dans le link ?

blabla · Answer

Bienvenue sur mon site ! oui il est changé, et voila ce qu'il y a entre mes balises, le problèmes vient peut etre de la ..

notobe · Answer

Non, c'est bon.

Colle tout ton code stp.

blabla · Answer

Bienvenue sur mon site !

Bienvenue !!!

Premier test !!!

Bonjour et bienvenue sur mon site !
Ceci est mon premier test, c'est déja pas mal pour une première fois !!!
Bientot j'espere, ce sera un joli site super interessant
Voici une photo d'un clavier en chocolat ... miam ! :

Si vous aimez la musique, voici le lien de youtube le lien

J'arrive enfin a mettre quelques phrases sur un site !!!
Bon c'est pas encore ça mais sa viendra ^^ )

merci c'est vraiment sympa de m'aider

blabla · Answer

as tu trouvé le probleme ?
merci

notobe · Answer

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

blabla · Answer

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"

notobe · Answer

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">)

blabla · Answer

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

notobe · Answer

Oui, je suis bien d'accord...

Tu colles ici le contenu de ton fichier essai.css ?

blabla · Answer

ca y'est !!! je sais !!! la premiere page html était juste, mais j'ai changé, dans la ligne <link> le design en essai, ce qui n'était pas conpatible avec les parametres de la feuille de style ! ( c'est grace a toi )
merci bcp, tu me sauve la vie 2x dans la journée !!!! c'est vraiment simpa merciiiiiiiiiiiiiiiiiiiiiiiiiiiiiiii

notobe · Answer

Euh...je n'ai pas tout suivi là ! :D
Mais ce n'est pas grave. Si c'est résolu, c'est bon. ;)

ideal · Answer

bonjour
notobe tu as la grosse tête, au moment ou je postais , tu avais déjà mis ta réponse, tu es plus rapide , bravo.

notobe · Answer

Je n'ai pas la grosse tête Ideal, mais le coup du font-size 1.1em, tu vas sans doute me faire croire que tu avais eu exactement la même idée... 
ben voyons...

PROBLEME INSERTION CODE CSS

24 réponses

Discussions similaires