Sidebar; Saut de ligne lors d'un espace

p0w

Bonjour,

J'utilise Pluxml-blog beta 2007-01-01 et j'ai un problème avec la sidebar,
Tout les liens possèdant un espace dans son titres fait un saut de ligne directement.

Normalement c'est

Fil RSS
Fil Atom

Mais moi j'ai

Fil
RSS
Fil
Atom

J'ai essayer de regarde dans functions.php, sans reussite ...
Ce problème a t-il été déja parvenu ?

Diti

Salut,

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

Skyline

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

p0w

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

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

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