Bonjour tout le monde,
Je suis entrain d'apprendre HTML5 et CSS3 à partir de cours gratuits en ligne, seulement, je me trouve face à quelques problèmes qui nécessite l'aide d'un connaisseur.
1)- Sur ma page web je vois s'afficher: < meta charset="utf-8" />
Si j'élimine l'espace entre < et meta je vois tous les accents sur ma page.
2)- Pour les paragraphes sur HTML j'ai mis pour le premier paragraphe <p class="premierparagraphe"> Entrepreneur, fondateur, et instructeur </p> et sur CSS
.premierparagraphe
{
text-align: center;
}
et je ne vois aucun changement mon paragraphe n'est pas encore centré.
3)- Les flottants des images sur HTML j'ai mis <img src="drapeau.jpg" class="float" alt="le drapeau de France"/>
<figcaption> Un drapeau </figcaption>
Sur CSS j'ai mis
.float
{
float: center;
}
et mon image ne flotte pas au centre.
4)- Je voulais qu'un lien s'ouvre dans une autre page, affiche un message de survol et soit barré après la consultation alors j'ai mis sur HTML <a href="http://exercices.openclassrooms.com/assessment/187?login=6799164&tk=826d7fce9de0e30569d82617f2d6a2b5&sbd=2016-02-01&sbdtk=fa78d6dd3126b956265a25af9b322d55" title="je suis là :)" target="_blank"> CSS3 </a>
et sur CSS
a:hover
{
color: blue;
}
a:visited
{
color: green;
text-decoration: line-through;
}
et rien ne s'affiche.
Finalement je voulais mettre une image dans mon arrière plan alors j'ai écris sur CSS:
body
{
background-image: url('roses.png');
}
et aucun arrière plan n'est visible.
Certains changements sur CSS ne se sont pas affichés sur mon site, j'ignore la raison c'est pour ça que je sollicite votre aide.
Je vous remercie d'avance.
12 réponses
Petite rectification sur le point 3 sur HTML j'ai écris
< img src="drapeau.jpg" class="float" alt="le drapeau de France"/>
< figcaption > Un drapeau < /figcaption>
J'ai ajouté des espaces pour que ça soit visible.
Bonsoir, essaie de désactiver le cache de ton navigateur par le biais de la console... Les navigateurs ont fait de gros effort sur la mise en cache des fichiers (entre autres) CSS, JS et donc il te ressort celui du cache !
Bonjour,
Je te remercie infiniment pour ta réponse mais est-ce-que tu pourrais m'expliquer comment le faire ?
Et juste pour info j'ai vidé le cache de mon navigateur. Alors qu'est ce qui cloche ? Est-ce que j'ai des erreurs au niveau du code ?
J'ai déjà écris dans le premier message les parties du code que j'ai pas pu voir sur ma page web mais ça peut t'aider à me comprendre voilà le code en entier:
La partie HTML:
<!DOCTYPE html>
<html>
<head>
< meta charset="utf-8" />
<link rel="stylesheet" href="page2.css"/>
<title> Mon premier site web </title>
</head>
<body>
<h1> Matieu Nebra </h1>
<p class="premierparagraphe"> Entrepreneur, fondateur, et instructeur </p>
<img src="drapeau.jpg" class="float" alt="le drapeau de France"/>
<figcaption> Un drapeau </figcaption>
<h2> Mon expérience </h2>
<ul> <li> <strong> 1986 </strong> La conférence de Chantilly est une rencontre officielle destinée à amorcer la mise en œuvre d'une nouvelle conduite du premier conflit mondial. </li>
es militaires qui y assistent au nom de leur gouvernement respectifs tentent lors de cette réunion stratégique de planifier des opérations militaires coordonnées sur l'ensemble des fronts,
<li> <strong> 2006 </strong> dans le cadre d'une guerre de coalition menée contre les puissances centrales organisées autour de lignes intérieures au centre du continent européen. Première grande conférence interalliée,
elle se tient au siège du Grand Quartier général à Chantilly dans l'Oise, les 6, 7 et 8 décembre 1915, </li>
<li> <strong> 2017 </strong> en présence de représentants de l'ensemble des belligérants alliés engagés dans le conflit. </li>
</ul>
<h3> Mes compétences </h3>
<ul>
<li> HTML5 </li>
<li> <a href="http://exercices.openclassrooms.com/assessment/187?login=6799164&tk=826d7fce9de0e30569d82617f2d6a2b5&sbd=2016-02-01&sbdtk=fa78d6dd3126b956265a25af9b322d55" title="je suis là :)" target="_blank"> CSS3 </a> </li>
<li> Barcha 7ajet </li>
</ul>
<h4> Ma formation </h4>
<p> J'ai appris pleins de choses et je continue d'apprendre hamdoullah :) ... </P>
</body>
</html>
La partie CSS:
h1
{
text-align: center;
font-size:3em;
font-family: times new romance arial arial bold;
font-weight: bold;
text-decoration: underline;
color: #FF8852;
}
.premierparagraphe
{
text-align: center;
}
.float
{
float: center;
}
h2, h3, h4
{
font-size:3em;
color:green;
}
a:hover
{
color: blue;
}
a:visited
{
color: green;
text-decoration: line-through;
}
body
{
background-image: url('roses.png');
}
Si tu as écrit ton CSS dans la page HTML, tu as dut faire comme ce qui suit :
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<style>
/* Tes commandes en style */
</style>
</head>
<body>
<!-- Tout ton contenu -->
</body>
</html>Par contre si tu y as mis dans un fichier externe en .css tu doit l'importer dans ta page avec <link rel="stylesheet" href="mon_style.css" />.
S'était dans une autre page et j'ai écris ça en début de la page HTML.
<!DOCTYPE html>
<html>
<head>
< meta charset="utf-8" />
<link rel="stylesheet" href="page2.css"/>
<title> Mon premier site web </title>
</head>
Je ne sais pas pourquoi le code ne s'affiche pas ici je voulais dire j'ai écris ça sur ma page HTML
< link rel="stylesheet" href="page2.css"/>
L'espace entre link et < est voulu ici
Justement je ne vois pas de changements au niveau de mes class. De quel inspecteur tu parles ?
<!DOCTYPE html>
< html>
< head>
< meta charset="utf-8" />
< link rel="stylesheet" href="page2.css"/>
< title> Mon premier site web </title >
< /head>
< body>
< h1> Matieu Nebra < /h1>
< p class="premierparagraphe"> Entrepreneur, fondateur, et instructeur < /p>
< img src="drapeau.jpg" class="float" alt="le drapeau de France"/>
< f igcaption> Un drapeau </figcaption >
< h2> Mon expérience < /h2>
< ul> < li> < strong> 1986 </strong > La conférence de Chantilly est une rencontre officielle destinée à amorcer la mise en œuvre d'une nouvelle conduite du premier conflit mondial. </ li>
es militaires qui y assistent au nom de leur gouvernement respectifs tentent lors de cette réunion stratégique de planifier des opérations militaires coordonnées sur l'ensemble des fronts,
< li> < strong> 2006 </ strong> dans le cadre d'une guerre de coalition menée contre les puissances centrales organisées autour de lignes intérieures au centre du continent européen. Première grande conférence interalliée,
elle se tient au siège du Grand Quartier général à Chantilly dans l'Oise, les 6, 7 et 8 décembre 1915, < /li>
< li> < strong> 2017 < /strong> en présence de représentants de l'ensemble des belligérants alliés engagés dans le conflit. < /li>
< /ul>
< h3> Mes compétences < /h3>
< ul>
< li> HTML5 < /li>
< li> < a href="http://exercices.openclassrooms.com/assessment/187?login=6799164&tk=826d7fce9de0e30569d82617f2d6a2b5&sbd=2016-02-01&sbdtk=fa78d6dd3126b956265a25af9b322d55" title="je suis là :)" target="_blank"> CSS3 </ a> < /li>
< li> Barcha 7ajet < /li>
< /ul>
< h4> Ma formation < /h4>
< p> J'ai appris pleins de choses et je continue d'apprendre hamdoullah :) ... < /P>
< /body>
< /html>