PROBLEME INSERTION CODE CSS
blabla
-
notobe Messages postés 1952 Date d'inscription Statut Membre Dernière intervention -
notobe Messages postés 1952 Date d'inscription Statut Membre Dernière intervention -
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
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:
- PROBLEME INSERTION CODE CSS
- Code ascii - Guide
- Code puk bloqué - Guide
- Code activation windows 10 - Guide
- Comment déverrouiller un téléphone quand on a oublié le code - Guide
- Code blocks - Télécharger - Langages
24 réponses
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.
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
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 ^^
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
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 ^^
<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 ..
<!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
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"
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">)
