Probleme css

Fermé

Nyouz - Modifié le 24 janv. 2022 à 20:14
barnabe0057 Messages postés 14454 Date d'inscription lundi 2 mars 2009 Statut Contributeur Dernière intervention 30 novembre 2024 - 25 janv. 2022 à 22:48

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
;(

 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:

3 réponses

Réponse 1 / 3

barnabe0057 Messages postés 14454 Date d'inscription lundi 2 mars 2009 Statut Contributeur Dernière intervention 30 novembre 2024 4 918
Modifié le 25 janv. 2022 à 20:15

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
25 janv. 2022 à 22:33

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 14454 Date d'inscription lundi 2 mars 2009 Statut Contributeur Dernière intervention 30 novembre 2024 4 918 > Nyouz
25 janv. 2022 à 22:48

Je ne comprends pas bien ce que tu veux, pourrais-tu faire un schéma vite fait ?

Réponse 2 / 3

barnabe0057 Messages postés 14454 Date d'inscription lundi 2 mars 2009 Statut Contributeur Dernière intervention 30 novembre 2024 4 918
24 janv. 2022 à 20:19

Bonjour,

Sans voir le code HTML difficile de t'aider.

Réponse 3 / 3

Nyouz
24 janv. 2022 à 20:41

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 ^^

Discussions similaires

trait horizontal avec du css

Enlever le soulignement sous les liens en HTML/CSS

HTML - définir taille bouton

[CSS] Forcé retour à la ligne

indice et exposant en css ?