Un prolème de liste pas jolie!
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!!!
Configuration: Windows Vista Firefox 2.0.0.11
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 :) -
ContributeurBonjour,
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!! -
tu la mi a 0px
-
ContributeurC'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é.
--
