28172 sujets

CSS et mise en forme, CSS3

Bonjour,
J'essaye de régler mes padding et margin de mes sous listes pour harmoniser les listes, mais je garde toujours un retrait trop grand entre ma puce et mon texte.
La liste 1 est bonne , mais la liste 2 a trop d'ecart entre puce et texte


voici mon css :
.dossier h2 {
	color:#840909;
	font:bold 28px/22px "Times New Roman", Times, serif;
	letter-spacing:-2px;
	margin:0;
	padding:10px 0 0 4px;
	text-transform:uppercase;
}
.dossier h2 .black {
	color:#000;
	font-size:27px;
	line-height:16px;
}
.dossier h2 .big {
	font-size:32px;
	line-height:26px;
}
.dossier h3 {
	color:#840909;
	font:bold 26px/22px "Times New Roman", Times, serif;
	letter-spacing:-2px;
	margin:0;
	padding:10px 0 0 4px;
	text-transform:uppercase;
}
.dossier h3 a {
	color:#840909;
	text-decoration:none;
}
.dossier h3 a:hover {
	color:#840909;
	text-decoration:underline;
}
.dossier h4 {
	color:#000;
	font:bold 15px/18px "Times New Roman", Times, serif;
	margin:0;
	letter-spacing:-1px;
	padding:10px 0 0 4px;
}
.dossier h4 a {
	color:#000;
	text-decoration:none;
}
.dossier h4 a:hover {
	color:#000;
	text-decoration:underline;
}
.dossier ul {
	margin:0;
	padding:10px 5px 20px 6px;
}
.dossier ul li {
	font:bold 14px/16px "Times New Roman", Times, serif;
	list-style:none;
	margin:0;
	padding:0;
}
.dossier ul li a {
	background:url(../images/arrow-small.gif) no-repeat 0 3px;
	color:#000;
	display:block;
	padding:0 0 0 16px;
	text-decoration:none;
}
.dossier ul li a:hover {
	background:url(../images/arrow-small-2.gif) no-repeat 0 3px;
	text-decoration:underline;
}
.dossier ul li ul {
	margin:0px 0px 7px 7px;
	padding:0 0 0 10px;
}
.dossier ul li ul li {
	color:#840909;
	font:bold 12px/13px "Times New Roman", Times, serif;
	list-style-type:square;
}
.dossier ul li ul li a {
	color:#840909;
	background:none;
	text-decoration:none;
}

.dossier ul li ul li a:hover {
	background:none;
	text-decoration:underline;
}

Modifié par makasayo (17 Mar 2008 - 14:26)
makasayo a écrit :
voici mon css

Smiley rolleyes Smiley rolleyes Smiley rolleyes

Euhm, et le code Html, tu ne le fournis pas ?
Car en l'état ça revient à présenter une recette de cuisine sans indiquer les ingrédients... Smiley cligne
Je cherche à mettr eun tiret a la place du "square" et de reduire l'ecart, j'ai beau toucher les margin et padding, je n'arrive a rien
voici le html
<div class="dossier"><!-- debut dossier-->
        <h2>Un dossier<br>
          <span class="black">pour aller</span><br>
          <span class="big">plus loin</span></h2>
        <ul><!-- debut liste-->
          <li> <a href="http://stop-francafrique.com/spip/spip.php?article779">Haine, calomnie et conspiration…</a> </li>

          <li> <a href="http://stop-francafrique.com/spip/spip.php?article778">Communiqué de presse</a> </li>
          <li> <a href="http://stop-francafrique.com/spip/spip.php?article777">Questions-réponses</a> </li>
          <li> <a href="http://stop-francafrique.com/spip/spip.php?article776">Le Journal de la sortie du Livre Noir de la Psychanalyse</a> </li>
          <li> <a href="http://stop-francafrique.com/spip/spip.php?article775">Avis des lecteurs</a> </li>

          <li> <a href="http://stop-francafrique.com/spip/spip.php?article774">Lettres de soutien</a> </li>
          <li> <a href="http://stop-francafrique.com/spip/spip.php?article773">Les Forums et les Dossiers du Livre noir</a> </li>
          <li> <a href="http://stop-francafrique.com/spip/spip.php?article772">Blog de Pierre Assouline dans Le Monde</a> </li>
          <li> <a href="http://stop-francafrique.com/spip/spip.php?article771">Interviews Radios et TV</a> </li>

          <li> <a href="http://stop-francafrique.com/spip/spip.php?article770">Le dossier Freud de M.Borch-Jacobsen et S. Shamdasani</a> </li>
          <li> <a href="http://stop-francafrique.com/spip/spip.php?article769">Outreau, Freud et le diable, par Mikkel Borch-Jacobsen</a> </li>
          <li> <a href="http://stop-francafrique.com/spip/spip.php?article768">L’Anti-livre noir de la psychanalyse&nbsp;: tromperie sur la marchandise</a> </li>
          <li> <a href="http://stop-francafrique.com/spip/spip.php?article767">Anniversaire Freud</a> </li>

          <li> <a href="http://stop-francafrique.com/spip/spip.php?article766">Editions étrangères</a> </li>
          <li> <a href="http://stop-francafrique.com/spip/spip.php?article765">Version Le Livre de Poche</a> </li>
          <li> <a href="http://stop-francafrique.com/spip/spip.php?article764">LEFT Avvenimenti 01/12/ 06</a> </li>
          <li> <a href="http://stop-francafrique.com/spip/spip.php?article747">Revue de presse nationale</a> </li>

          <li> <a href="http://stop-francafrique.com/spip/spip.php?article746">Revue de presse internationale</a> </li>
          <li> <a href="http://stop-francafrique.com/spip/spip.php?article723">Jacques-Alain Miller à propos du Livre noir de la psychanalyse</a> </li>
          <li> <a href="http://stop-francafrique.com/spip/spip.php?article722">Mikkel Borch-Jacobsen répond aux internautes</a> </li>
          <li> <a href="http://stop-francafrique.com/spip/spip.php?article198">L’affaire Serge Tisseron - Le Monde</a>

            
            <ul>
              <li> <a href="http://stop-francafrique.com/spip/spip.php?article727">Les réactions des abonnés du Monde.fr</a> </li>
              <li> <a href="http://stop-francafrique.com/spip/spip.php?article726">Rectificatif à la tribune de Serge Tisseron</a> </li>
              <li> <a href="http://stop-francafrique.com/spip/spip.php?article725">"Livre noir de la psychanalyse", la main dans le sac, par Serge Tisseron</a> </li>

              <li> <a href="http://stop-francafrique.com/spip/spip.php?article724">Réaction des Éditions des Arènes</a> </li>
            </ul>
            
          </li>
          
          <li><a href="http://stop-francafrique.com/spip/spip.php?article198">Réactions suite au dossier du Point</a>
            <ul>
              <li> <a href="http://stop-francafrique.com/spip/spip.php?article733">Agnès Fonbonne, maman d’un enfant autiste</a> </li>

              <li> <a href="http://stop-francafrique.com/spip/spip.php?article732">Annie Gruyer, présidente de Médiagora</a> </li>
              <li> <a href="http://stop-francafrique.com/spip/spip.php?article731">Frédéric Fanget, psychiatre, chargé de cours à l’Université de Lyon</a> </li>
              <li> <a href="http://stop-francafrique.com/spip/spip.php?article730">Le Dr Antoine Pelissolo, la Salpêtrière, Paris</a> </li>
              <li> <a href="http://stop-francafrique.com/spip/spip.php?article729"> Jacques Van Rillaer répond à Jacques Alain Miller en 10 points</a> </li>

              <li> <a href="http://stop-francafrique.com/spip/spip.php?article728">Article du Point - 22 septembre 2005</a> </li>
            </ul>
            
          </li>
          <li><a href="http://stop-francafrique.com/spip/spip.php?article198">Les Réactions à la presse</a>
            <ul>
              <li> <a href="http://stop-francafrique.com/spip/spip.php?article745">Droit de réponse d’E. Roudinesco au Nouvel Observateur</a> </li>

              <li> <a href="http://stop-francafrique.com/spip/spip.php?article744">Réaction de Marie-Christine Lorentz à Roland Gori (L’Humanité)</a> </li>
              <li> <a href="http://stop-francafrique.com/spip/spip.php?article743">Jacques Van Rillaer éclaire les lecteurs du Figaro</a> </li>
              <li> <a href="http://stop-francafrique.com/spip/spip.php?article742">Marc Richelle répond à Le Vif-L’Express (Belgique)</a> </li>
              <li> <a href="http://stop-francafrique.com/spip/spip.php?article741">Lettre ouverte d’Agnès Fonbonne à Libération</a> </li>

              <li> <a href="http://stop-francafrique.com/spip/spip.php?article740"> Lettre ouverte d’Autisme France et Médiagora Paris au Monde</a> </li>
              <li> <a href="http://stop-francafrique.com/spip/spip.php?article739">Réponse du professeur Jacques Van Rillaer à Mme&nbsp;E. Roudinesco dans L’Express</a> </li>
              <li> <a href="http://stop-francafrique.com/spip/spip.php?article738">Lettre de J.L Monestes, thérapeute à L’Express</a> </li>

              <li> <a href="http://stop-francafrique.com/spip/spip.php?article737">Lettre de Philippe Pignarre à L’Express</a> </li>
              <li> <a href="http://stop-francafrique.com/spip/spip.php?article736">Droit de réponse de Mikkel Borch-Jacobsen à L’Express</a> </li>
              <li> <a href="http://stop-francafrique.com/spip/spip.php?article735">Droit de réponse de Laurent Beccaria à L’Express</a> </li>
              <li> <a href="http://stop-francafrique.com/spip/spip.php?article734">La réponse des auteurs du Livre Noir de la Psychanalyse à Elisabeth Roudinesco.</a> </li>

            </ul>
            
          </li>
          <li><a href="http://stop-francafrique.com/spip/spip.php?article198">Les associations</a>
          
            <ul>
              <li> <a href="http://stop-francafrique.com/spip/spip.php?article758">Le site critique de Filip Buekens sur Lacan</a> </li>
              <li> <a href="http://stop-francafrique.com/spip/spip.php?article757">L’association française de thérapie comportementale et cognitive</a> </li>

              <li> <a href="http://stop-francafrique.com/spip/spip.php?article756">Association psycho vigilance</a> </li>
              <li> <a href="http://stop-francafrique.com/spip/spip.php?article755">Autisme France</a> </li>
              <li> <a href="http://stop-francafrique.com/spip/spip.php?article754">Fondation Phénix</a> </li>
              <li> <a href="http://stop-francafrique.com/spip/spip.php?article753">Association Francophone de formation et de recherche en thérapie comportementale et cognitive</a> </li>

              <li> <a href="http://stop-francafrique.com/spip/spip.php?article752">Association française pour l’information scientifique</a> </li>
              <li> <a href="http://stop-francafrique.com/spip/spip.php?article751">Centre Georges Devereux d’ethnopsychiatrie</a> </li>
              <li> <a href="http://stop-francafrique.com/spip/spip.php?article750">Association Mediagora Paris</a> </li>
              <li> <a href="http://stop-francafrique.com/spip/spip.php?article749">Fédération Nationale des Associations d’ex-patients en Psychiatrie (FNAPPSY)</a> </li>

            </ul>
            
          </li>
          <li> <a href="http://stop-francafrique.com/spip/spip.php?article198">Les auteurs</a>
          
            <ul>
              <li> <a href="http://stop-francafrique.com/spip/spip.php?article763">Les autres collaborateurs</a> </li>
              <li> <a href="http://stop-francafrique.com/spip/spip.php?article762">Jacques VAN RILLAER</a> </li>

              <li> <a href="http://stop-francafrique.com/spip/spip.php?article761">Didier PLEUX</a> </li>
              <li> <a href="http://stop-francafrique.com/spip/spip.php?article760">Jean COTTRAUX</a> </li>
              <li> <a href="http://stop-francafrique.com/spip/spip.php?article759">Mikkel BORCH-JACOBSEN</a> </li>
            </ul>

          </li>
          
        </ul><!--fin liste-->
        
      </div>

Modifié par makasayo (18 Mar 2008 - 23:41)
Bonjour,

La distance entre une puce générée par le navigateur (un marqueur de liste) et le contenu de l'item de liste ne peut pas être modifiée. C'est pourquoi, pour des besoins graphiques précis, on utilise souvent une image de fond à la place de la puce générée automatiquement.