Bonjour,

Sur le menu de droite de l'exemple ci-dessous:

http://www.mobiletoken.com/com/testoli/

Je voudrais décaler le texte vers l'extreme gauche de chaque bloc blanc, pour que ce texte ne soit pas collé à la petite flèche bleue.

CSS

#contentrightnav{
position:absolute;
width:686px;
height:37px;
}

/*zone navigation right
*******************************************************************************/
#contentrightnav ul {
	
	list-style-type: none;
	margin: 0;
    padding: 0;
	/*text-align: center;*/
	
}

#contentrightnav ul li { 

	display: inline;
}

#contentrightnav ul li a { 
	text-decoration: none;
	padding: .2em 1em;
	background-color: #F0F0F0;
}

#contentrightnav ul li a:hover
{
	background-image: url(../images/blue_arrow.gif);
	background-repeat: no-repeat;
	background-position: 100% .5em; /* positionne la petite flèche à droite et au milieu du texte*/
	padding-right: 1em;
	color: #09ACFF; 
}

#contentrightnav li {  /* hyper important pour déterminer la position des menus dans le div*/

list-style-image:none;
list-style-position:outside;
list-style-type:none;
float:left;
padding: 1em 2.5em;
}

#contentrightnav ul li a.currentright, #contentrightnav ul li a.currentright:visited {
color:#09ACFF;
background-image: url(../images/blue_arrow.gif);
background-repeat: no-repeat;
background-position: 100% .5em; /* positionne la petite flèche à droite et au milieu du texte*/
	padding-right: 1em;
	color: #09ACFF; 

}

#contentrightnav ul li a.currentright:hover {
background-color: #F0F0F0;
background-image: url(../images/blue_arrow.gif);
background-repeat: no-repeat;
background-position: 100% .5em; /* positionne la petite flèche à droite et au milieu du texte*/
	padding-right: 1em;
	color: #09ACFF; 
}

/* fin zone navigation right
*******************************************************************************/

Pourriez-vous m'indiquer la manière de procéder ou me conseiller éventuellement une autre méthode pour appliquer un background (dans ce cas-ci ma petite flèche bleue) lorsqu'on passe sa souris sur un texte/menu en rollOver?

Merci!

modifier le padding-right ne convient pas ?

CSS

padding-right: 20px;

salut neolao et merci de ta réponse,

Malheureusement, augmenter le padding ne résout pas le problème et décale seulement les blocs pour les répartir sur deux lignes

j'ai trouvé ce tuto qui donne ce résultat et qui n'est pas mal:

menu avec flèche

mais j'aimerais les flèches à droite des rubriques et non devant comme c'est le cas maintenant:

quelqu'un aurait une idée de comment tripatouiller le code?

Merci