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
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
A voir également:
- PROBLEME INSERTION CODE CSS
- Code asci - Guide
- Code puk bloqué - Guide
- Code telephone oublié - Guide
- Code activation windows 10 - Guide
- Code gta 4 ps4 - Guide
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
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>
J'ai changé les px en em car c'est une unité relative mieux adaptée pour les tailles de caractères.
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.
bonjour
entre head et head :
<style type="text/css">
p {
color: blue;
font-size: 1.1em
}
</style>
entre head et head :
<style type="text/css">
p {
color: blue;
font-size: 1.1em
}
</style>
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
13 déc. 2009 à 14:49
Ca va Ideal ? Le copié-collé tu maîtrises, c'est bon ?!!!
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
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
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
13 déc. 2009 à 14:48
1. Ouvre cette page design.css dans notepad (ou crée-la)
2. Colle dedans
3. enregistre
Normalement, tous tes paragraphes doivent apparaître en bleu.
2. Colle dedans
p { color: blue; font-size: 1.1em }
3. enregistre
Normalement, tous tes paragraphes doivent apparaître en bleu.
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
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 ^^
merci !! je sais je suis lourd ^^
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
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>)
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>)
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
oui il y a des paragraphe déclarés
et oui ils sont dans le même dossier.
Je suis perdu ....
merci
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
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 :
(à mettre dans les balises <head></head>)
<link rel="stylesheet" media="screen" type="text/css" title="Design" href="essai.css" />
(à mettre dans les balises <head></head>)
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 ^^
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
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
13 déc. 2009 à 15:13
Tu as bien changé le nom design.css en essai.css dans le link ?
<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 ..
<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 ..
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
13 déc. 2009 à 15:17
Non, c'est bon.
Colle tout ton code stp.
Colle tout ton code stp.
<!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
<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
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
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)
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
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
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"
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
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
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">)
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">)
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
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
13 déc. 2009 à 15:56
Oui, je suis bien d'accord...
Tu colles ici le contenu de ton fichier essai.css ?
Tu colles ici le contenu de ton fichier essai.css ?