Discussion :

[mathieu7497]

Bonjour à tous,
Je ne suis pas sur que mon titre soit très explicite alors je vais détailler un peu....

En fait, j'ai une barre de menu horizontale qui se compose de:
1-Une image de 1000px de long et 15px de haut (une barre) dont la couleur est dégradée (va du jaune au rouge) - Jaune de 0 à 550 pixels et rouge de 550 à 1000.
2-Des mots qui constituent les différents menu, dynamiques (la longueur totale peut changer).

Je voudrais que les mots qui se trouvent dans la partie de 0 à 550 soient de couleur rouge et ceux ce trouvant de 550 à 1000 en jaune (inverse de la barre pour qu'ils se voient)

Je le fait en CSS. Pas de problème si on le fait en statique.
Mais sachant que la longeur du menu peut changer, les mots qui se trouvent au point limite (550px à l'horizontale) peuvent donc également changer et donc devoir s'afficher soit en rouge soit en jaune...!

Comment faire ? (le plus simplement possible?)

Merci par avance à tous.
Mathieu (qui espère s'être fait comprendre!!)

[Michel_57]

j'ai une idée mais ça risque de pas faire joli :

tu écris la liste des mots en rouge
tu reviens à la ligne
tu écris la liste des mots en jaune

ainsi tu aura du rouge sur jaune puis au point limite du jaune sur rouge (le jaune sur jaune et rouge sur rouge ne se verront pas sauf si on selectionne avec la souris)

seul problème : ce retour à la ligne qui fait que le mot coupé par les couleurs se retrouve à cheval sur 2 lignes !

autre idée peut être encore pire :

choisis une police dans laquelle tous les caractères ont la même taille, ainsi tu pourras compter la longueur des chaînes pour savoir si oui ou non elle dépasse, et si oui, à partir de quel caractère il faut changer de couleur.

problème : les utilisateurs qui ont imposé une police à leur navigateur auront un problème d'affichage ...

[SpaceFrog]

les mots du menu tu les mets dans quoi ?? chacun dans un un div ??
sinon utilises tu une police à espacement constant ?

il faudra je pense de toute façon passer par un petit js ...

[mathieu7497]

Bonjour et merci à tous,

J'ai décidé de mettre la partie de gauche dans une div et la partie de droite, devant avoir une autre couleur, dans une autre div.

J'applique alors un style CSS différent aux deux!!

C t tout con!

Merci bien.
Mathieu.