Probleme d'affichage <li>
susu
-
sheik54 Messages postés 76 Statut Membre -
sheik54 Messages postés 76 Statut Membre -
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
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
- Problème affichage page internet google chrome ✓ - Forum Google Chrome
- Windows 11 affichage classique - Guide
- Problème d'affichage/bugs graphiques sur Chrome sur Android - Forum Téléphones & tablettes Android
2 réponses
<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;
}
