Problèmes d'executions

Fermé
Swann_68 - 28 août 2019 à 17:37
 mirrador - 29 août 2019 à 05:53
Bonjour à tous,
je suis en train de créer un site web et j'ai un petit problème : je n'arrive pas à décaler les liens. Quelquin peut m'aider ?
Voici le code source :

<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" type="text/css" href="style.css">
<title>Mon titre</title>
</head>
<nav>
<ul>
<li><a href="index.html"><img src="https://www.gif-maniac.com/gifs/54/53580.gif" alt="accueil" class="img1"></a></li>
<li><a href="1er.html" class="lien1"> 1<sup>er</sup> lien</a></li>
<li><a href="2eme.html" class="lien2"> 2<sup>eme</sup> lien</a></li>
</ul>
</nav>
</body>

</html>
et le CSS :

html {
background-color: #424558;
font-family: Century Gothic, Verdana;
}
nav ul li a .img1 {
height: 6%;
width: 6%;
}
ul li a:hover {
color: #424558;
text-decoration: underline overline #424558;
top: 3px;
}
li {
list-style-type: none;
display: inline;
font-size: 1em;
}
nav {
background-color: #d3d6de;
padding:0px;
margin: 0px;
position: relative;
display: block;
width: 100%;

}
nav ul li a {
font-size: 2em;
position: relative;
text-decoration: none;
color: black;
top: -1px;
}
.lien1 {
display: inline-block;
text-align: center;

}
.lien2 {
display: inline-block;
text-align: right;
}
nav ul li a .img1 {
left: 0px;
}
nav ul li a .lien1 {
left: 40px;
}
nav ul li a .lien2 {
left: 80px;
}
Merci d'avance.

1 réponse

Bonjour,
pourquoi un positionnement relatif? surtout si tout est en relatif ça veut pas dire grand chose.
ça ne serais pâ splus simple(si c'est le lien que vous voulez positionner) ceci:

.lien1 {
display: inline-block;
text-align: center;
margin-left:40px;
} 
0