Probleme css
Nyouz
-
barnabe0057 Messages postés 14455 Date d'inscription Statut Contributeur Dernière intervention -
barnabe0057 Messages postés 14455 Date d'inscription Statut Contributeur Dernière intervention -
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
A voir également:
- Probleme css
- Css download - Télécharger - HTML
- Enlever le soulignement d'un lien css ✓ - Forum Réseaux sociaux
- Css ligne horizontale ✓ - Forum CSS
- Enlever le soulignage des lien. - Forum CSS
- Enlever soulignement lien css ✓ - Forum CSS
3 réponses
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>
Nyouz
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
barnabe0057
Messages postés
14455
Date d'inscription
Statut
Contributeur
Dernière intervention
4 925
>
Nyouz
Je ne comprends pas bien ce que tu veux, pourrais-tu faire un schéma vite fait ?
oui maladroit de ma part^^ voici le code concerné
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 ^^
<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 ^^
