Probleme d'affichage <li>

Fermé

susu - 23 avril 2011 à 14:59
sheik54 Messages postés 76 Date d'inscription jeudi 24 janvier 2008 Statut Membre Dernière intervention 29 avril 2011 - 24 avril 2011 à 18:39

Bonjour,

Je viens de me mettre aux PHP, et j'ai un probleme pour l'affichage d'une liste a puce.

Je m'explique en haut en dessous du titre, j'ai mis 5 onglets le probleme c'est que les 5 onglets se placent à gauche sur 50px tout au plus hors j'aimerais qu'ils prennent toute la largeur suivant la résolution de l'utilisateur.

Comment résoudre ce problème ?

Mon code :

HTML
<div id="mainmenu">
<ul>
<li><a class="current" href="index.html">accueil</a></li>
<li><a href="green.html">IMAGE</a></li>
<li><a href="orange.html">SON</a></li>
<li><a href="purple.html">VIDEOS</a></li>
<li><a href="red.html">CODE</a></li>
<li><a href="black.html">COMPTE</a></li>
</ul>

CSS
#mainmenu {
position:static;
overflow:auto
margin-bottom:25px;
width:800px;
float: left;
}

#mainmenu ul {
font-size:16px;
margin:0;
padding:0;
width:200px;
float:left;
padding-right:30px;
}

#mainmenu li {
float:left;
height:50px;
list-style:none;
margin:auto;
padding:auto;
}

Merci beaucoup

A voir également:

Probleme d'affichage <li>
Affichage double ecran - Guide
Problème affichage fenêtre windows 10 - Guide
Windows 11 affichage classique - Guide
Problème affichage page internet google chrome ✓ - Forum Google Chrome
Comment agrandir l'affichage de l'écran - Guide

2 réponses

Réponse 1 / 2

foo
24 avril 2011 à 14:44

personne ? :(

Réponse 2 / 2

sheik54 Messages postés 76 Date d'inscription jeudi 24 janvier 2008 Statut Membre Dernière intervention 29 avril 2011 11
24 avril 2011 à 18:39

<div id="mainmenu">
<ul>
<li><a class="current" href="index.html">accueil</a></li>
<li><a href="green.html">IMAGE</a></li>
<li><a href="orange.html">SON</a></li>
<li><a href="purple.html">VIDEOS</a></li>
<li><a href="red.html">CODE</a></li>
<li><a href="black.html">COMPTE</a></li>
</ul>


CSS
#mainmenu {
position:static;
overflow:auto;
margin-bottom:25px;
width:800px;
float: left;
}

#mainmenu ul {
font-size:16px;
margin:0;
padding:0;
width:200px; Cela veux dire que tu délimite ta liste de 200 pixels de largeurs. Après il y a un retour à la ligne, c'est tout à fait normal.
float:left;
padding-right:30px;
}


#mainmenu li {
float:left;
height:50px;
list-style:none;
margin:auto;
padding:auto;
}

Discussions similaires

adele

Différence entre batterie Ii-ion et Li-po sur un smartphone

Leboncoin : j'ai un problème d'affichage

Les images ne s'affichent plus

Chanson la li la li la la la?