Bonjour
je débute en html je dois réaliser une page comportant un titre centre
puis deux images avec des liens en dessous
voici mon code :
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="utf-8">
<meta name="keywords" content="boutique">
<title>B.A.B.A</title>
<link rel="Stylesheet" href="style.css">
</head>
<body>
<div class="main">
<h1 class="title">Promotion de fêtes de Noël</h1>
<div class="pic">
<img src="images/nike.jpg" alt="Logo NIKE" width="300" height="300">
<a href="http://www.nike.com">Cliquez-ici</a>
</div>
<div pic="pic">
<img src="images/under.png" alt="Logo UNDER ARMOUR" width="300" height="300">
<a href="https://www.underarmour.fr/fr-fr/">Cliquez-ici</a>
</div>
</div>
<hr>
<footer>
<p>© Pat66 2022 </p>
</footer>
</body>
</html>
mon fichier CSS
body {
font-size:80%;
font-style:normal;
font-family:verdana;
background-color:#fd6c9e;
color:#87ceeb;
padding:0%;
width:100%;
}
.p {
font-size:80%;
font-style:italic;
}
.title{
color:white;
text-align:center;
}
.main {
text-align:center;
width:47%;
margin-left:35%;
}
.title{
text-align:center;
}
.pic {
width:25%;
margin:1%;
}
.pic a {
font-size:larger;
}
a:link {
color:white;
}
a:visited {
color:green;
}
a:hover {
text-decoration:underline;
}
footer{
float:right;
font-size:80%;
padding-right:2%;
}
l affichage:
Pourrais-je avoir des indications pour centrer mes images ainsi que les liens en dessous des images ?
Merci.
), ça se fait « tout seul » avec les valeurs par défaut (du moins sous chromium 103 chez moi).
