[HTML/CSS] Menu dynamique

Menu dynamique [HTML/CSS] - HTML/CSS - Programmation

Marsh Posté le 07-07-2004 à 19:02:53    

Salut à tous,
( re pour certain ;) )
 
tout à l'heure j'ai posé ma question sur le topic "BlaBla" et malgrès les réponses je n'ai pas réussi à trouvé l'éffet recherché  :D  
 
Alors, je souhaite faire un menu assez simple, horizontal, et j'aurais aimer que lorsque la souris survole un des liens, la couleur du fond ( donc dessous le mot uniquement ) change. Jusque la j'arrive à faire, mais la où se situe mon problème, c'est que je voudrais que la taille de la zone où la couleur change puisse être spécifié mais surtout que cela ne dépende pas de la taille des mots ! ( et c'est là tout mon problème ).
 
Pour donner des exemples, http://www.laltruiste.com/accueil.php , le menu de gauche ( qui lui est vertical ) est exactement ce que je veux faire .  ;)  
 
Voila certainement que beaucoup trouveront cela facile mais je débute  :wahoo:

Reply

Marsh Posté le 07-07-2004 à 19:02:53   

Reply

Marsh Posté le 07-07-2004 à 19:19:10    

Fait toi un tableau, dont 1 case = 1 lien et trouve le moyen de changer la couleur de fond de la case au lieu de changer la couleur de fond du mot

Reply

Marsh Posté le 07-07-2004 à 19:28:39    

FealiT a écrit :

Fait toi un tableau, dont 1 case = 1 lien et trouve le moyen de changer la couleur de fond de la case au lieu de changer la couleur de fond du mot


 
Oui je demandais pour faire sa tout a l'heure sur un channel irc anglais ( #css @ QNet ), aucun n'a su me répondre ...

Reply

Marsh Posté le 07-07-2004 à 19:36:23    

quickman a écrit :

mais surtout que cela ne dépende pas de la taille des mots ! ( et c'est là tout mon problème ).


Ben à moins de fixer une largeur arbitraire que tu as choisi il n'y a pas tellement de solution...


---------------
Incongru : une FAQ abandonnée sur les Standards du Web - FAQ périmée de blabla@Prog
Reply

Marsh Posté le 07-07-2004 à 19:38:01    

Ou alors effectivement il faut faire un tableau et exprimer la largeur en %. Si tu as 4 cellules, la largeur vaudra 25% de la taille du tableau...
 
Mais si tu as un intitulé plus large qu'une cellule là ça va plus marcher...


---------------
Incongru : une FAQ abandonnée sur les Standards du Web - FAQ périmée de blabla@Prog
Reply

Marsh Posté le 07-07-2004 à 19:38:27    

gm_superstar a écrit :

Ben à moins de fixer une largeur arbitraire que tu as choisi il n'y a pas tellement de solution...


 
c'est bien ce que je compte faire

Reply

Marsh Posté le 07-07-2004 à 20:18:10    

Recherche les posts de Gizmo et regarde le site de sa signature. C'est probablement la réponse à ton problème


---------------
fermez vos topics résolus avec le tag [Résolu] en fin de titre. Merci !
Reply

Marsh Posté le 07-07-2004 à 23:22:26    

T509 a écrit :

Recherche les posts de Gizmo et regarde le site de sa signature. C'est probablement la réponse à ton problème


 
merci je me suis appuyé sur son menu et j'arrive -presque- au résultat que je veux  :D  
 
En faite la seule chose qui me manque, c'est comment faire pour que en a chaque nouvelle ligne <li> il ne revienne pas a la ligne  :??:  
 
Ce sera tout  :p

Reply

Marsh Posté le 07-07-2004 à 23:25:30    

URL ?


---------------
fermez vos topics résolus avec le tag [Résolu] en fin de titre. Merci !
Reply

Marsh Posté le 07-07-2004 à 23:30:37    

il est pas en ligne :/

Reply

Marsh Posté le 07-07-2004 à 23:30:37   

Reply

Marsh Posté le 07-07-2004 à 23:51:45    

essaie de l'y mettre stp cela permettra de voir l'effet


---------------
fermez vos topics résolus avec le tag [Résolu] en fin de titre. Merci !
Reply

Marsh Posté le 07-07-2004 à 23:53:44    

voila je l'ai mis sur mon routeur
 
http://aimless.homelinux.org/~geofront/index.php
 
en faite le menu je veux le mettre dans la bande bleu foncé, et donc je voudrais avoir des tailles uniformes :/
 
 
PS: je sais c'est moche  :na:  


Message édité par quickman le 07-07-2004 à 23:55:10
Reply

Marsh Posté le 07-07-2004 à 23:55:09    

http://fr.selfhtml.org/css/proprietes/alignement.htm
 
paragraphe sur les césures


---------------
fermez vos topics résolus avec le tag [Résolu] en fin de titre. Merci !
Reply

Marsh Posté le 07-07-2004 à 23:56:59    

quickman a écrit :


En faite la seule chose qui me manque, c'est comment faire pour que en a chaque nouvelle ligne <li> il ne revienne pas a la ligne  :??:


 
C'est quoi le souci ?


---------------
fermez vos topics résolus avec le tag [Résolu] en fin de titre. Merci !
Reply

Marsh Posté le 07-07-2004 à 23:59:40    

T509 a écrit :

C'est quoi le souci ?


 
he bien je voudrais utilisé une liste pour arriver a faire mon effet, le seul problème c'est que a chaque nouvelle ligne de la liste, il repasse a la ligne.
Je vais éssayé avec le white-space, peut être que sa peut fonctionné.

Reply

Marsh Posté le 08-07-2004 à 00:10:59    

je ne comprends pas, provoque le défaut pour que je puisse le voir
essaie aussi de mettre des sauts de ligne dans ton code su coté des <ul><li> ...
 
Pareil avec l'indentation, essaie de la faire OK, c'est plus cool pour la relecture


Message édité par T509 le 08-07-2004 à 00:12:21

---------------
fermez vos topics résolus avec le tag [Résolu] en fin de titre. Merci !
Reply

Marsh Posté le 08-07-2004 à 00:13:05    

je vais faire sa :)

Reply

Marsh Posté le 08-07-2004 à 01:23:34    

voila, une heure après, j'y suis arrivé a faire mon bug ;) Qui n'en ai pas vraiment un ...
 
Sinon j'ai refait l'indentation, du moins une grande partie, et j'ai réorganisé mes pages php avec des includes, se qui a grandement aéré le code :D

Reply

Marsh Posté le 08-07-2004 à 01:53:47    

juste une chose :
 
la syntaxe est  
<ul>
    <li>...</li>
    ...
</ul>
 
ton souci vient de là
J'ai pas vu le changement de ton indentation


---------------
fermez vos topics résolus avec le tag [Résolu] en fin de titre. Merci !
Reply

Marsh Posté le 08-07-2004 à 02:05:48    

T509 a écrit :

juste une chose :
 
la syntaxe est  
<ul>
    <li>...</li>
    ...
</ul>
 
ton souci vient de là
J'ai pas vu le changement de ton indentation


 
Sa y est j'ai presque réussi, mais la je reprendrais demain  :)  
 
J'ai mis un float:right et cela tient maintenant sur une seule ligne, je pensse pouvoir y arriver ;)
 
Merci pour ton aide T509  :wahoo:

Reply

Marsh Posté le 08-07-2004 à 02:06:58    

Ferme tes balises <li>


---------------
fermez vos topics résolus avec le tag [Résolu] en fin de titre. Merci !
Reply

Marsh Posté le    

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed