Menu déroulant CSS avec une image sur 1er bouton

Menu déroulant CSS avec une image sur 1er bouton - HTML/CSS - Programmation

Marsh Posté le 20-06-2005 à 17:05:19    

Bonjour tous
Je suis à la recherche d'un tuto me permettant de faire un menu déroulant CSS avec la zone de réactivité qui serait une image.
 
Exemple de site http://www.eiffageconstruction.com
Accueil, Qui sommes nous, valeurs, ... sont des images et au passage de la souris un menu CSS déroulant se déclanche.
 
Je cherche à faire la même chose.
 
Avez vous des sources ?  
 
Merci
 


---------------
la p'tiote
Reply

Marsh Posté le 20-06-2005 à 17:05:19   

Reply

Marsh Posté le 20-06-2005 à 17:24:30    

J'ai cherché, mais je n'ai rein trouvé de convaincant.
Soi des sites pourris soit un code qui me semble pas propre.
 
Je te remercie en tout cas.


---------------
la p'tiote
Reply

Marsh Posté le 20-06-2005 à 17:31:05    

la ptiote a écrit :

J'ai cherché, mais je n'ai rein trouvé de convaincant.
Soi des sites pourris soit un code qui me semble pas propre.
 
Je te remercie en tout cas.


http://www.meyerweb.com/eric/css/edge/menus/demo.html
La base des menus déroulants en CSS, après images ou pas c'est juste une question de styling [:spamafote]
 
Suckerfish, version plus évoluée compatible MSIE


Message édité par masklinn le 20-06-2005 à 17:33:39

---------------
Stick a parrot in a Call of Duty lobby, and you're gonna get a racist parrot. — Cody
Reply

Marsh Posté le 20-06-2005 à 17:38:53    

Je viens de regarder tes réponses et sauf erreur de ma part, aucune des pages que tu me propose ne répond à ma demande.
 
Ceux que tu propose sont des menu déoulant en css "classique".
 
Pour la part, je ne peux pas mettre de texte pour le bouton qui appelle le sous menu.
 
JE SUIS OBLIGEE DE METTRE UNE IMAGE  
Merci de vos réponses


---------------
la p'tiote
Reply

Marsh Posté le 20-06-2005 à 17:42:05    

la ptiote a écrit :

JE SUIS OBLIGEE DE METTRE UNE IMAGE  
Merci de vos réponses


MAIS ON S'EN BRANLE !
 
C'EST LA MÊME CHOSE BORDEL !


---------------
Stick a parrot in a Call of Duty lobby, and you're gonna get a racist parrot. — Cody
Reply

Marsh Posté le 20-06-2005 à 17:45:28    

Bon, Voila
il suffisait de le dire.
Merci, Je vais donc travailler !!!


---------------
la p'tiote
Reply

Marsh Posté le 20-06-2005 à 18:18:16    

tu peux très bien mettre du texte dans ton truc comme ca :  
 
<ul>
<li><a id="LetrucAVirer">mon texte</a></li>
</ul>
 
 
et pour la CSS pour virer du texte ya des techniques bourrinnes genre :  
 
#LetrucAVirer {
  text-indent:-7000px;
  background-image:url(monimage.jpg);
}
 
c'est fait à l'arrache la tete dans le cul mais c'est a peu pres comme ca

Reply

Marsh Posté le 20-06-2005 à 19:30:18    

Maintenant moi je préfère utiliser ie7 pour corriger les manques/incompréhension d'IE.
 
Ca me permet de faire des menus pur CSS.  
 
Bon ok au lieu d'un js pour le menu j'en ai plusieurs, mais ca permet aussi de corriger les bugs d'implémentation des css2.1 sous ie.
 
Après c'est une histoire de gout :)

Reply

Marsh Posté le 20-06-2005 à 21:13:59    

Je cherche aussi depuis des lustres à faire un menu déroulant pur CSS (sans aucun javascript) compatible avec ie mais pas trouvé. En attendant (peut-être) ie7 (celui de cro$oft).

Reply

Marsh Posté le 20-06-2005 à 21:13:59   

Reply

Marsh Posté le 20-06-2005 à 21:17:37    

Beral2 a écrit :

Je cherche aussi depuis des lustres à faire un menu déroulant pur CSS (sans aucun javascript) compatible avec ie mais pas trouvé. En attendant (peut-être) ie7 (celui de cro$oft).


Il est techniquement impossible de créer un menu déroulant pur CSS compatible avec MSIE6, et j'ai pas l'impression que MSIE7 progresse d'un quelconque poil de ce côté là


---------------
Stick a parrot in a Call of Duty lobby, and you're gonna get a racist parrot. — Cody
Reply

Marsh Posté le 20-06-2005 à 21:19:36    

Sans la "rustine" ie7 (ensemble de js/css), c'est en effet impossible. Et meme si la rustine colmate quelques brèches, il y en a tellement que ce n'est pas parfait.  
 
Quand au support des normes css 2.1 complètes par un futur Internet Explorer 7, je pense pas qu'il faille se faire d'illusions.
 
Edit : je fruppe pas possible en ce moment >_<


Message édité par plainsofpain le 20-06-2005 à 21:20:14

---------------
http://www.alsacreations.com , http://www.openweb.eu.org. Mon CV : http://cv.roane-irkana.net/. Exemple à ne surtout pas suivre : www.worldinternet.be
Reply

Marsh Posté le 20-06-2005 à 21:28:20    

Et c'est vraiment dommage parce que ça, http://web.developpez.com/tutoriel [...] 1test.html, ça le fait qd-même bien (sans javascript donc, hum pour ceux qui ont autre chose qu'ie).

Reply

Marsh Posté le 20-06-2005 à 22:30:31    

Beral2 a écrit :

Et c'est vraiment dommage parce que ça, http://web.developpez.com/tutoriel [...] 1test.html, ça le fait qd-même bien (sans javascript donc, hum pour ceux qui ont autre chose qu'ie).


http://www.mezzoblue.com/zengarden [...] aleffects/ [:sinking]
 
(pas la peine d'y aller avec MSIE :o)


Message édité par masklinn le 20-06-2005 à 22:31:04

---------------
Stick a parrot in a Call of Duty lobby, and you're gonna get a racist parrot. — Cody
Reply

Sujets relatifs:

Leave a Replay

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