Sidebar; Saut de ligne lors d'un espace

Réponses

• Diti Member

  février 2007

  Salut,
  
  Utilises-tu un thème téléchargé ? Si oui, lequel ?
• Skyline Member

  février 2007

  Tu dois avoir une sidebar trop étroite. On peut voir le thème ?
• p0w Member

  février 2007

  Salut,
  
  Non je n'utilise pas d'autre thème c'est celui par defaut un petit peu modifier mais j'ai du mal le modifier ...
  Voila mon code dans style.css
  

  /* Paneau latéral (#sidebar) */
  #sidebar {float : right;
  	width : 10px;
  	padding : 0 10px 0 8px;}
  #sidebar div {margin : 8px 0 ;}
  #sidebar h2 { /* Titre des menus de la sidebar */
  	color : #AAA;
  	font-size : 1.1em;
  	margin : 0; padding : 0 0 0 10px;
  	font-weight : bold;}
  #sidebar ul { /* bloc de liste */
  	margin : 0; padding : 6px 0;}
  #sidebar li { /* élément de liste */
  	list-style-type : none;
  	padding: 2px 0 2px 5px;}
  #sidebar li a { /* Liens dans les listes */
  	color : #999;
  	padding : 0 0;
  	text-decoration : none;}
  #sidebar li a:hover {color : #F6AD00;
  	text-decoration:none;
  	border-bottom: 1px #FFF dotted;}
  
• DRAG@N Member

  février 2007

  Salut p0w,
  
  je ne faisais que rapidement passer lorsque je suis tombé sur ton bout de code.
  A première vue (j'ai pas le code original de Pluxml sous les yeux), ton pb vient dufait que tu as défini une marge trop petite pour la sidebar (#sidebar a une largeur de 10 pixels).
  De plus, tu as également défini les marges internes droite et gauche de cette sidebar aux tailles respactives suivantes : 10px et 8px.
  
  Bref tu as défini une largeur trop petite pour ta boite (10px) et tu l'as déjà rempli de vide(18px).
  De ce fait, ta sidebar aura au maximum la largeur du mot le plus long situé à l'intérieur ; et son contenu reviendra à la ligne à chaque fois qu'il le pourra, c'est à dire à chaque espace entre 2 mots.
  
  Solutions :
  - augmenter la valeur pour width : 10px;
  - insérer la propriété CSS suivante white-space: nowrap (ce qui empeche le retour à la ligne, mais je crois me souvenir que IE le di-gère assez mal)
  
  
  PS : désolé pour les fautes, car même si j'ai pris le temps d'expliciter, je n'ai pas relu ^^
• p0w Member

  février 2007 février 2007 modifié

  Merci DRAG@N seulement avec la ligne white-space: nowrap ca a fonctionner