Display:inline ne fonctionne pas

Résolu
Lecodeurhtmlcss Messages postés 79 Statut Membre -  
Lecodeurhtmlcss Messages postés 79 Statut Membre -
Bonjour,Je suis en train de programmer un site html / css . Tout fonctionne très bien… sauf un menu déroulant qui ne se décide pas à se mettre en ligne. Ca fait 4 ou 5 bonnes heures que je cherche une réponse au problème.
Voici mon code html: 

	<body>
		<span>
			<ul style="display:inline">
				<li><a class="active" href="http://www.barparks.com/page_acceuil">Accueil</a></li>
				<li><a href="http://www.barparks.com/qui-nous_sommes">Qui sommes-nous ?</a></li>
				<li><a href="http://www.barparks.com/commander">Commander</a></li>
				<li><a href="http://www.barparks.com/photos">Photos</a></li>
				<li><a href="http://www.barparks.com/commantaires">Commentaires</a></li>
				<li><a href="http://www.barparks.com/contact">Contact</a></li>
			</ul>
		</span>


(il est plus long, mais j'ai mis ce qui compte)

et mon code css : 

ul {
	
	border: 1px solid #555;
    list-style-type: none;
    margin: 10;
    padding: 10;
    width: 10px;
    background-color: #f1f1f1;
}

li a {
	display:inline-block;
	width: 100px;
	display: inline-block;
    color: #000;
    padding: 8px 0 8px 16px;
    text-decoration: none;
}

li a.active {
    display: inline-block;
	background-color: #4CAF50;
    color: white;
}

li a:hover:not(.active) {
	display: inline-block;
	background-color: #555;
    color: white;
}

.loading-dd-options {
    display: inline;
}


Je tiens à dire que ça a marché un moment, mais que le fichier css a été supprimé, et que entre temps j'ai modifié mon html. C'est donc possible !

Si ça peut aider, j'ai pris une capture de l'inspecteur de chrome sur cette page :

Enfin, J'ai regardé TOUT les sites possibles et imaginables fournissant une réponse à cette question, mais sans résultat. Si vous réussissez, vous êtes très forts !

Merci beaucoup d'avance !

1 réponse

Réponse 1 / 1
jordane45 Messages postés 40050 Statut Modérateur 4 756
  
ul {
    display:inline;
    border: 1px solid #555;
    list-style-type: none;
    margin: 10;
    padding: 10;
    width: 10px;
    background-color: #f1f1f1;
}

li {
  display:inline;
}


1
Lecodeurhtmlcss Messages postés 79 Statut Membre 2
 
Merci beaucoup ! Donc il faut mettre display:inline pour "ul' et 'li' aussi !
0

Discussions similaires

Caster tv edenwood
Camaleo03 -
CCMBot -

1 réponse
Renseignement 1fichier
Lasmala91 -
Lasmala91 -

2 réponses
Wireless display
Olivia -
brupala -

1 réponse
display name ?
nggrosbidou -
Carré -

8 réponses
Qu'est ce que Nvidia Display Container LS ?
Senku -
Senku -

4 réponses