Un prolème de liste pas jolie!
guiguizekid
Messages postés
74
Statut
Membre
-
Gihef Messages postés 5165 Statut Contributeur -
Gihef Messages postés 5165 Statut Contributeur -
Bonjour,
Voilà, je fais un site pour mes études dont chaque page est pourvue d'un menu à gauche et d'un contenu à droite.
Dans le menu j'ai les différentes parites du site en liste (comme les sommaires de Wikipédia).
Mais la liste est très loin de la bordure gauche du menu et c est moche!!!
Je voudrais que la liste soit beaucoup plus à gauche (à 5 px du bord en gros).
mais je ne trouve pas la propriété des listes qui le permette!!!
Aidez moi!!!
Voilà, je fais un site pour mes études dont chaque page est pourvue d'un menu à gauche et d'un contenu à droite.
Dans le menu j'ai les différentes parites du site en liste (comme les sommaires de Wikipédia).
Mais la liste est très loin de la bordure gauche du menu et c est moche!!!
Je voudrais que la liste soit beaucoup plus à gauche (à 5 px du bord en gros).
mais je ne trouve pas la propriété des listes qui le permette!!!
Aidez moi!!!
A voir également:
- Un prolème de liste pas jolie!
- Liste déroulante excel - Guide
- Liste code ascii - Guide
- Liste déroulante en cascade - Guide
- Liste de diffusion whatsapp - Guide
- Site dangereux liste - Guide
6 réponses
Peut-être avec l'attribut padding-left, mais ce serait plus simple de t'aider si tu nous montrais le code de ta page ;)
tu peux utilisé des commandes du genre :
position:absolute;
left:550px;
top:970px;
change les unités et vois , adapte :)
position:absolute;
left:550px;
top:970px;
change les unités et vois , adapte :)
Bonjour,
Comme le dit Blopette, le plus simple pour qu'on t'aide, c'est que tu nous montres ce que tu as fait.
Sinon, chacun va y aller de sa petit proposition, souvent pour rien.
--
Comme le dit Blopette, le plus simple pour qu'on t'aide, c'est que tu nous montres ce que tu as fait.
Sinon, chacun va y aller de sa petit proposition, souvent pour rien.
--
Ok alors voisi le code html :
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
<head>
<title>L'Afrique du Sud</title>
<link rel="stylesheet" type="text/css" href="afriquedusud.css" />
</head>
<body>
<div id="wrapper">
<div id="tete"></div>
<div id="milieu">
<div id="menu">
<div id="titre_menu"></div>
<ul><p><li><a href="afriquedusud.html">Accueil</a></li></p>
<p><li><a href="histoire.html">Histoire</a>
<ul><li><a href="histoire.html#histoire_postcol">Avant la colonisation</a></li>
<li><a href="histoire.html#histoire_col">La colonisation</a></li></ul>
</li></p>
<p><li><a href="culture.html">La culture sud-africaine</a></li></p>
</ul>
</div>
<div id="contenu">
<div id="titre_contenu"></div>
la c'est du blabla...
</div>
<div class="clearer"> </div>
</div>
<div class="pied" id="pied_1"></div>
</div>
</body>
</html>
et le code css qui nous intéresse :
#menu ul {
}
#menu li {
list-style-type:none;
text-align:left;
padding-left:0px;
}
merci d'acance!!
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
<head>
<title>L'Afrique du Sud</title>
<link rel="stylesheet" type="text/css" href="afriquedusud.css" />
</head>
<body>
<div id="wrapper">
<div id="tete"></div>
<div id="milieu">
<div id="menu">
<div id="titre_menu"></div>
<ul><p><li><a href="afriquedusud.html">Accueil</a></li></p>
<p><li><a href="histoire.html">Histoire</a>
<ul><li><a href="histoire.html#histoire_postcol">Avant la colonisation</a></li>
<li><a href="histoire.html#histoire_col">La colonisation</a></li></ul>
</li></p>
<p><li><a href="culture.html">La culture sud-africaine</a></li></p>
</ul>
</div>
<div id="contenu">
<div id="titre_contenu"></div>
la c'est du blabla...
</div>
<div class="clearer"> </div>
</div>
<div class="pied" id="pied_1"></div>
</div>
</body>
</html>
et le code css qui nous intéresse :
#menu ul {
}
#menu li {
list-style-type:none;
text-align:left;
padding-left:0px;
}
merci d'acance!!
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
C'est un début.
Mais ça ne suffit pas.
Nous avons besoin de tout le code, HTML et CSS.
Cependant, supprime tout les <p> et </p> de tes listes.
Et vois ce que ça donne.
++
Merci d'utiliser le bouton indiqué.
--
Mais ça ne suffit pas.
Nous avons besoin de tout le code, HTML et CSS.
Cependant, supprime tout les <p> et </p> de tes listes.
Et vois ce que ça donne.
++
Merci d'utiliser le bouton indiqué.
--
