Probleme css
Bonjour, toujours en vue d un site web , j ai un problème consternant mon entête , en effet j ai mon image titre et j aimerais que ma liste soit aligné a celui si mais je n y arrive pas même en le mettant avec la balise header ect voici ce que j ai mis pour le moment pour formaté le texte en forme de liste pour le moment aligné et bien espacé mais pas avec mon image titre
;(
merci si vous savez quel balise il me manque pour l aligné avec le titre ou le placé a coté du moins car la il se met en dessous de lui ce qui m agace car je ne trouve pas cela très esthétique , merci
;(
nav li
{
margin-right: 12%;
}
nav a
{
font-size: 1.5em;
color: rgb(60, 109, 245);
padding-bottom: 5px;
text-decoration: none;
background-color: white;
padding:10%
}
nav a:hover
{
color: cadetblue;
background-color: whitesmoke;
}
merci si vous savez quel balise il me manque pour l aligné avec le titre ou le placé a coté du moins car la il se met en dessous de lui ce qui m agace car je ne trouve pas cela très esthétique , merci
3 réponses
-
Bonjour,
Sans voir le code HTML difficile de t'aider.
-
oui maladroit de ma part^^ voici le code concerné
<body>
<header>
<nav class="menu nav">
<h1> <img src="css/img/title.png"/>
</h1>
<ul>
<li><a href="bob the robot/BoBCollec">Colection</a></li>
<li><a href="bob the robot/reseau">Join Us!</a></li>
<li><a href="bob the robot/Merch">Phone</a></li>
<li><a href="bob the robot/Solencea">Solencea</a></li>
<li><a href="bob the robot/lootbox.html">Box</a></li>
</nav>
</ul>
</header>
c est la partie <li> que j aimerais avoir au même niveau que l image a h1 ( mettre </h1> ne l aligne pas avec mais le met sur la police que j ai défini a h1 ce qui est normal bien que je m égare ^^ -
Essaie comme ceci :
nav { display: flex; } nav li { /*margin-right: 12%;*/ padding: 10%; } nav a { font-size: 1.5em; color: rgb(60, 109, 245); text-decoration: none; background-color: white; } nav a:hover { color: cadetblue; background-color: whitesmoke; }<header> <nav class="menu nav"> <img src="covid.png"/> <ul> <li><a href="bob the robot/BoBCollec">Collection</a></li> <li><a href="bob the robot/reseau">Join Us!</a></li> <li><a href="bob the robot/Merch">Phone</a></li> <li><a href="bob the robot/Solencea">Solencea</a></li> <li><a href="bob the robot/lootbox.html">Box</a></li> </ul> </nav> </header>
-
merci beaucoup ! je me suis renseigné sur ce que tu as changé et mtn tout marche et surtout je sais le refaire alors merci infirment x) a tout hasard j aimerais ecarté mon image ( qui elle resterais a gauche et mon menu qui lui serait sur le milieu de la ligne saurait tu comment le faire car en utilisant les commende type flex l image bouche aussi ? uwu
-
@NyouzJe ne comprends pas bien ce que tu veux, pourrais-tu faire un schéma vite fait ?
-
