27292 sujets

CSS et mise en forme, CSS3

bonjour , j'aimerais diminuer l'espace entre les lien svp aidez moi voici mon code html :

<!DOCTYPE html>
<html>
<head>
	<link type="text/css" rel="stylesheet" href="live.css">
	<title>Live!</title>
<nav>
<div id="menu">
	<div class="lien"><a href="#">me</a></div>
	<div class="lien"><a href="#">Aide</a></div>
	<div class="lien"><a href="#">Contacts</a></div>
</div>
</nav>
</head>

voici mon code css:

a{
	text-decoration: none;
	color: black;
	font-size: 20pt;
}
a:hover{
	color: #3f48cc;
}
#menu{
	display: flex;
	justify-content: space-around;
}
.lien{
	margin-top: 2%;
	margin-right: 20%;
}

merci de m'aider Smiley ohwell
Modifié par atarxi (28 Aug 2019 - 20:00)
Bonjour,
L’espace vient à la fois de margin-right: 20%; qui donne une marge à droite assez énorme à chaque lien, et de la propriété justify-content: space-around qui distribue des espaces égaux à gauche et à droite de chaque élément du conteneur flexible menu.
Je te conseille d’essayer d’autres valeurs pour justify-content, comme flex-start, space-evenly et center, et de régler les marges des éléments de la classe lien, voire du menu tout entier suivant ton objectif.
Administrateur
Bonjour,

le titre de ce sujet n'est malheureusement pas explicite (ce pourrait être le titre de chaque sujet sur ce forum ou pas loin Smiley ravi ), merci de l'éditer pour une phrase résumant le problème.