Bonjour, je suis en train d'apprendre le HTML et j'ai un bug avec mon image flottante.
Mes puces se mettent dans l'image... Photo :
http://hpics.li/5399e98
Code HTML : <!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<link rel="stylesheet" href="Style.css" />
<title>Paragraphes</title>
</head>
<body>
<p><img src="C:\Users\User\Desktop\Prout\Proutt.png" class="imageflottante" alt="liste" ></p>
<p>Bonjour à tous, <br />
Aujourd'hui, je vous apprendrai <strong>à faire une liste d'épicerie</strong> et je vous donnerai<br />
<em>quelques trucs afin de mieux là gérer</em>. C'est parti !</p><br />
<ul>
<p><li><mark>Y aller bien disposé</mark></li>
Autant que possible, y aller le ventre plein et <strong>ne pas</strong> y aller dans les heures de pointes.</p>
<li><mark>Surveiller les rabais.</mark></li>
Certains rabais <strong>ne sont pas indiqués dans les circulaires</strong>, vérifier quand même<br />
dans les rangées si d'autres objets seraient en rabais.</ul>
<br /><em>Maintenant</em>, passons à la <strong>liste d'épicerie de base.</strong><br /></p>
<ul><li>Farine</li>
<li> Pain</li>
<li>Lait</li>
<li>ail</li>
<li>oignon</li></ul>
Pour avoir une liste plus complète, rendez-vous <a href="http://www.coupdepouce.com/media/telechargement/documents_utiles/couppouce_ingredients.pdf">ICI</a><br /><br />
Maintenant c'est <strong>à vous</strong> de jouer ! <br /><br />
Si vous souhaitez vous rendre à la page 2 cliquez : <a href="test2.html">ICI</a>
</body>
</html>
Code CSS : .imageflottante
{
float: left;
}
.salutations
{
color: red;
}
h1
{
font-size: 1.8em;
}
*
{
text-align: right;
}
Merci de votre aide !
Mes puces se mettent dans l'image... Photo :
http://hpics.li/5399e98Code HTML : <!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<link rel="stylesheet" href="Style.css" />
<title>Paragraphes</title>
</head>
<body>
<p><img src="C:\Users\User\Desktop\Prout\Proutt.png" class="imageflottante" alt="liste" ></p>
<p>Bonjour à tous, <br />
Aujourd'hui, je vous apprendrai <strong>à faire une liste d'épicerie</strong> et je vous donnerai<br />
<em>quelques trucs afin de mieux là gérer</em>. C'est parti !</p><br />
<ul>
<p><li><mark>Y aller bien disposé</mark></li>
Autant que possible, y aller le ventre plein et <strong>ne pas</strong> y aller dans les heures de pointes.</p>
<li><mark>Surveiller les rabais.</mark></li>
Certains rabais <strong>ne sont pas indiqués dans les circulaires</strong>, vérifier quand même<br />
dans les rangées si d'autres objets seraient en rabais.</ul>
<br /><em>Maintenant</em>, passons à la <strong>liste d'épicerie de base.</strong><br /></p>
<ul><li>Farine</li>
<li> Pain</li>
<li>Lait</li>
<li>ail</li>
<li>oignon</li></ul>
Pour avoir une liste plus complète, rendez-vous <a href="
http://www.coupdepouce.com/media/telechargement/documents_utiles/couppouce_ingredients.pdf">ICI</a><br /><br />Maintenant c'est <strong>à vous</strong> de jouer ! <br /><br />
Si vous souhaitez vous rendre à la page 2 cliquez : <a href="test2.html">ICI</a>
</body>
</html>
Code CSS : .imageflottante
{
float: left;
}
.salutations
{
color: red;
}
h1
{
font-size: 1.8em;
}
*
{
text-align: right;
}
Merci de votre aide !