Bonsoir, j'ai certains problème que je n'arrive pas à réglé j'ai tout essayé, j'ai enlevé des lignes j'ai fait beaucoup de choses mais cela ne changer vraiment rien..
Alors voici mes problèmes :
Premièrement, je voudrais changer le titre de place, le baisser un peut, mais le problème c'est que quand je le déplace cela déplace aussi le background. Je voudrais dégrossir la background de mon menu mais impossible.. Et je ne comprend pas pourquoi on voit l'image de fond sur les côté de background, elle devrait être coller.
Mes codes :
CODE CSS
Merci de votre aide
Alors voici mes problèmes :
Premièrement, je voudrais changer le titre de place, le baisser un peut, mais le problème c'est que quand je le déplace cela déplace aussi le background. Je voudrais dégrossir la background de mon menu mais impossible.. Et je ne comprend pas pourquoi on voit l'image de fond sur les côté de background, elle devrait être coller.
Mes codes :
Code:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<link rel="stylesheet" href="style.css" />
<title>Imperia</title>
</head>
<body>
<header class="header">
<h1>Imperia</h1>
<nav class="menu">
<ul>
<li><a href="#">Accueil</a></li>
<li><a href="#">Jeux</a></li>
<li><a href="#">Joueurs</a></li>
<li><a href="#">Boutique</a></li>
</ul>
</nav>
</header>
</body>
</html>CODE CSS
Code:
body
{
background: url('image/mine.jpg');
background-attachment: fixed;
}
header
{
border: 0px solid black;
background-color: #151515
}
h1
{
font-size: 3em;
color: white;
margin: 0 auto;
padding-left: 400px;
}
.menu
{
background: url('image/backgroundmenu.jpg');
margin: 0 auto;
border: 3px solid #1C1C1C;
background-color: #1C1C1C;
}
.menu ul
{
list-style-type: none;
display: flex;
padding-left: 400px;
}
.menu li
{
margin-right: 50px;
}
.menu a
{
font-size: 1.3em;
color: black;
padding-bottom: 3px;
text-decoration: none;
color: white;
}
.menu a:hover
{
color: white;
border-bottom: 3px solid red;
}Merci de votre aide
