Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
3393 connectés 

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  Rollover map

 
 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

Rollover map

n°1119213
Negro
Posté le 14-06-2005 à 10:56:54  profilanswer
 


Bonjour, je debute en CSS et voila ce que je cherche a faire:
 
http://rsilvente.free.fr/actived/accueil/css.htm
 
-----------------------------------
je voudrais que l'image de background change selon la zone hover... mais j'ai tanter plein de combinaison, il me change toujours dans la zone et non le back ground.
Comment lui presiser de changer le background de mon id cube quand je passe sur le lien zone 1 ?
 
#cube a#zone1:hover{
#cube #zone1 a:hover{
#zone1 #cube:hover{
 
rien ne marche
 
a vrai dire je me melange un peu les pinceaux, j'ai du sauter une etape

mood
Publicité
Posté le 14-06-2005 à 10:56:54  profilanswer
 

n°1119232
Negro
Posté le 14-06-2005 à 11:08:27  profilanswer
 


http://rsilvente.free.fr/actived//accueil/type.htm
 
la je l'ai fait en javascript, mais le probleme c'est que j'arrive pas a faire changer les textes a droite, et en plus IE sp2 me bloque mon scripts dans la barre d'alerte
 

n°1119289
FlorentG
Posté le 14-06-2005 à 11:38:41  profilanswer
 

Pas besoin de JS pour ça ;) Voit les menus en bas de la liste

n°1119290
Negro
Posté le 14-06-2005 à 11:38:57  profilanswer
 


Personne a une idée pour me debloquer?
La je suis en train de mixer le css et le javascript.
Le javascript changera l'image, et le css fera apparaitre le texte... je me souhaite bonne chance ;)
 
Je suis tjs preneur pour de vraies solutions  :p

n°1119303
Negro
Posté le 14-06-2005 à 11:44:46  profilanswer
 

FlorentG a écrit :

Pas besoin de JS pour ça ;) Voit les menus en bas de la liste


 
merci, j'ai deja regarder le site, c vrai ya pas mal de trucs super interessant, j'arrive a faire apparaitre le texte, mais pas changer le background en fonction de mes zones de map.. c ca mon probleme, je dois mal m'y prendre

n°1119526
Negro
Posté le 14-06-2005 à 14:27:21  profilanswer
 


Les solutions proposés dans tous ces menus CSS c'est qu'ils sont fait a base de LI... donc ca donne la structure de l'image rollover en bandelette, ce qui conviens pas a mon image...
http://rsilvente.free.fr/actived/img/0.jpg
Mes cubes se chevauchent et les ombres aussi... je suis obliger de mapper, mais le seul souci que j'ai c de ne pas pouvoir changer l'image en arriver plan...

n°1119528
FlorentG
Posté le 14-06-2005 à 14:28:01  profilanswer
 

Sauf qu'un <li>, comme tout élément, peut être positionné n'importe où, et donc ils peuvent se chevaucher ;)

n°1119538
Negro
Posté le 14-06-2005 à 14:32:35  profilanswer
 

ouai, ca ok.
Mais le probleme c'est que si je fais un changement de l'arriere plan de mon LI, par exemple ma zone de survole de mon cube rouge, bah il me changera l'arriere plan que de ma zone de survole et non toute l'image.
Du moins c'est ce qe j'essaye de faire mais j'y arrive pas

n°1119546
masklinn
í dag viðrar vel til loftárása
Posté le 14-06-2005 à 14:40:57  profilanswer
 

Negro a écrit :

ouai, ca ok.
Mais le probleme c'est que si je fais un changement de l'arriere plan de mon LI, par exemple ma zone de survole de mon cube rouge, bah il me changera l'arriere plan que de ma zone de survole et non toute l'image.
Du moins c'est ce qe j'essaye de faire mais j'y arrive pas


Ca me semble relativement normal qand même [:dawa]
 
Les sélecteurs CSS ne permettent pas de remonter l'arbre DOM, c'est pas du XPATH non plus [:dawa]


---------------
I mean, true, a cancer will probably destroy its host organism. But what about the cells whose mutations allow them to think outside the box by throwing away the limits imposed by overbearing genetic regulations? Isn't that a good thing?
n°1119552
Negro
Posté le 14-06-2005 à 14:45:29  profilanswer
 

masklinn a écrit :

Ca me semble relativement normal qand même [:dawa]
 
Les sélecteurs CSS ne permettent pas de remonter l'arbre DOM, c'est pas du XPATH non plus [:dawa]


 
 
Lol.. ok
 
Dans ce cas comment je peux avoir mes cubes comme ca --> http://rsilvente.free.fr/actived//accueil/type.htm et du texte qui change en fonction des rollover, qui marche dans FF et IE ;-)
 
La technologie j'men fou tand que c pas du flash ;)


Message édité par Negro le 14-06-2005 à 14:46:37
mood
Publicité
Posté le 14-06-2005 à 14:45:29  profilanswer
 

n°1119558
masklinn
í dag viðrar vel til loftárása
Posté le 14-06-2005 à 14:49:02  profilanswer
 

Negro a écrit :

Lol.. ok
 
Dans ce cas comment je peux avoir mes cubes comme ca --> http://rsilvente.free.fr/actived//accueil/type.htm et du texte qui change en fonction des rollover, qui marche dans FF et IE ;-)
 
La technologie j'men fou tand que c pas du flash ;)


Tu t'es pas dit que c'était anti-ergonomique et anti-intuitif au possible ton truc? [:dawa]


---------------
I mean, true, a cancer will probably destroy its host organism. But what about the cells whose mutations allow them to think outside the box by throwing away the limits imposed by overbearing genetic regulations? Isn't that a good thing?
n°1119578
jeandalger
Posté le 14-06-2005 à 14:57:40  profilanswer
 

bonjour,
j'essaye de faire ma première page Web, mais hélas, c'est la première fois et je ne connais pas le langage HTML, ou pourrai-je trouver ce langage et ce qu'il veut dire. je travaille avec Namo, quand je l'ouvre c'est bien marqué: <html>  <head>   <title>   <head>   <body>  <p>   , voilà  donc je suppose qu'il doit y avoir plein de mot suivant ce que l'on veut faire sur la page, c'est ces mots que je voudrais trouver, je ne sais pas si on peut appeller ça  "vocabulaire html"   ou  "langage html"
Et faut-il écrire là ou il y a les mots que je viens de citer  ou  directement sur la page d'acceuil  ??
Cela me permetrait de démarrer.  
Merci

n°1119581
FlorentG
Posté le 14-06-2005 à 14:59:00  profilanswer
 

Quel rapport avec ce topic ? Poste-en un nouveau...

n°1119583
Negro
Posté le 14-06-2005 à 14:59:58  profilanswer
 

masklinn a écrit :

Tu t'es pas dit que c'était anti-ergonomique et anti-intuitif au possible ton truc? [:dawa]


 
Boarf... je me suis dis aussi que c'était nouveau...
Donc c mort alors. j'oubli si je comprend bien =)

n°1119587
Negro
Posté le 14-06-2005 à 15:00:59  profilanswer
 

jeandalger a écrit :

bonjour,
j'essaye de faire ma première page Web, mais hélas, c'est la première fois et je ne connais pas le langage HTML, ou pourrai-je trouver ce langage et ce qu'il veut dire. je travaille avec Namo, quand je l'ouvre c'est bien marqué: <html>  <head>   <title>   <head>   <body>  <p>   , voilà  donc je suppose qu'il doit y avoir plein de mot suivant ce que l'on veut faire sur la page, c'est ces mots que je voudrais trouver, je ne sais pas si on peut appeller ça  "vocabulaire html"   ou  "langage html"
Et faut-il écrire là ou il y a les mots que je viens de citer  ou  directement sur la page d'acceuil  ??
Cela me permetrait de démarrer.  
Merci


 
www.allhtml.com rubrique HTML
www.commentcamarche.net
 
Tres bien pour les debutants

n°1119590
FlorentG
Posté le 14-06-2005 à 15:01:49  profilanswer
 

Negro a écrit :

www.allhtml.com rubrique HTML
Tres bien pour les debutants


Au contraire, allhtml est la plus grande des merdes pour les débutants : avec ses cours d'HTML qui datent d'il y a 50 ans, il donne tout de suite les mauvaises habitudes à l'apprenti développeur :(

n°1119597
masklinn
í dag viðrar vel til loftárása
Posté le 14-06-2005 à 15:06:02  profilanswer
 

Negro a écrit :

www.allhtml.com rubrique HTML
www.commentcamarche.net
 
Tres bien pour les debutants


Autant CCM est pas mal autant allhtml est une bouze de très haut niveau [:dawa]
 
(PS: Negro > ton truc est possible, en tout cas quand on a accès aux sélecteurs CSS2, mais autant comme demo ça poutre autant sur un site de prod... bof quoi [:spamafote]


---------------
I mean, true, a cancer will probably destroy its host organism. But what about the cells whose mutations allow them to think outside the box by throwing away the limits imposed by overbearing genetic regulations? Isn't that a good thing?
n°1119604
Negro
Posté le 14-06-2005 à 15:08:26  profilanswer
 

FlorentG a écrit :

Au contraire, allhtml est la plus grande des merdes pour les débutants : avec ses cours d'HTML qui datent d'il y a 50 ans, il donne tout de suite les mauvaises habitudes à l'apprenti développeur :(


 
ouai c vrai... mais bon, ya 6ans j'ai commencé avec ca et m'avais bien aidé...  
 
merci pour vos conseils... pour mon JS/CSS

n°1119626
jeandalger
Posté le 14-06-2005 à 15:23:25  profilanswer
 

Je suis nouveau sur ce site et oui,    je viens de m'apercevoir que je me suis trompé, au lieu de mettre mon message  dans  HTML/css/javascript,  je l'ai mis ici  ??? pardonnez moi  mais merci de vos réponses quand même

n°1119642
masklinn
í dag viðrar vel til loftárása
Posté le 14-06-2005 à 15:37:34  profilanswer
 

Negro > tiens, en demo ça pourrait donner un truc comme ça (fait en 5mn donc moche, et ne fonctionne que sous Firefox (enfin ptet aussi sous Safari/Konqueror)


---------------
I mean, true, a cancer will probably destroy its host organism. But what about the cells whose mutations allow them to think outside the box by throwing away the limits imposed by overbearing genetic regulations? Isn't that a good thing?
n°1119722
Negro
Posté le 14-06-2005 à 16:22:24  profilanswer
 

masklinn a écrit :

Negro > tiens, en demo ça pourrait donner un truc comme ça (fait en 5mn donc moche, et ne fonctionne que sous Firefox (enfin ptet aussi sous Safari/Konqueror)


 
merci beaucoup... je vais regarder en detail
 
Mais le souci c'est que mes images de roll over ne sont pas carré, mes cubes sont en perspective, et ils se chevauchent et ya les ombres.. (le ombres, a la limte on s'en fou)
 
Je vais voir ce que je peux faire
 
merci encore
 
 
edit: j'aime bien les noms de tes ID  :D


Message édité par Negro le 14-06-2005 à 16:24:49
n°1119736
Negro
Posté le 14-06-2005 à 16:28:19  profilanswer
 

ouai donc apres avoir regarder ca peu pas le faire... car moi ce que je voudrai c'est changer le backgroud de ton UL (le parent) quand on est li:hover... c bizare, ca devrai eter possible, c'est si bete ce que je veux faire...
 
Meme si ergonomiquement c pas top, entre nous, on a deja vu pire, et dites pas non  :pt1cable:

n°1119743
masklinn
í dag viðrar vel til loftárása
Posté le 14-06-2005 à 16:32:11  profilanswer
 

Negro a écrit :

c bizare, ca devrai eter possible


Non [:dawa]
 
Je viens de te dire qu'on ne peut pas remonter l'arbre DOM avec les CSS, que le descendre [:dawa]


---------------
I mean, true, a cancer will probably destroy its host organism. But what about the cells whose mutations allow them to think outside the box by throwing away the limits imposed by overbearing genetic regulations? Isn't that a good thing?
n°1119750
Negro
Posté le 14-06-2005 à 16:38:05  profilanswer
 

masklinn a écrit :

Non [:dawa]
 
Je viens de te dire qu'on ne peut pas remonter l'arbre DOM avec les CSS, que le descendre [:dawa]


 
je parlais pas specialement en CSS =)
 
Ca fait un ptit bout de temps que je m'etais pas plongé dans le web, ca a bien changé. :jap:  
Avant c'était le javascript a fond.. :pt1cable: . puis apres flash, et aujourd'hui c'est CSS et Blog powaaaa  [:zawdiablon]  
Pourquoi se denigrement pour le javascript? trop de faille? (IE on te tiens :whistle: )

n°1119754
FlorentG
Posté le 14-06-2005 à 16:39:16  profilanswer
 

Non. C'est jusqu'on n'utilise le JS que pour introduire un certain confort, pour rajouter 2-3 trucs. Mais le site doit être parfaitement utilisable sans JS [:spamafote]

n°1119768
masklinn
í dag viðrar vel til loftárása
Posté le 14-06-2005 à 16:50:17  profilanswer
 

Negro a écrit :


Pourquoi se denigrement pour le javascript? trop de faille? (IE on te tiens :whistle: )


Ya pas de dénigrement du JS, juste une modification du contexte d'utilisation.
 
http://www.sitepoint.com/popup/pop [...] popupid=55
 
C'est une bonne lecture (je pense m'acheter le bouquin d'ailleurs)
 
http://hesketh.com/publications/pr [...] esign.html
aussi
 
et http://www.quirksmode.org
 
En fait, actuellement il y a même un putain de buzz autour du JS à cause d'AJAX :/
( http://elsewhere.adactio.com/ pour un exemple, ou google maps, ou google suggests, ou GMail)


Message édité par masklinn le 14-06-2005 à 16:54:21

---------------
I mean, true, a cancer will probably destroy its host organism. But what about the cells whose mutations allow them to think outside the box by throwing away the limits imposed by overbearing genetic regulations? Isn't that a good thing?
n°1119778
Negro
Posté le 14-06-2005 à 16:59:00  profilanswer
 

c dingue, je sors d'un master, enfin, en fin d'année, et jamais on nous parle technique - d'évolution, sauf la gestion des sites sur dreamwaver... OUAAOU
heureusement qu'on tate a droite ou a gauche, je dis pas qu'il faut qu'on nous ponde le boulot tout maché, mais au moins nous informer sur les grandes lignes, qu'on saches ou chercher et surtout quoi chercher...
Bref, je pensais pas que le CSS prenais autand d'importance aujourdhui, pour moi un rollover ca a tjs rimer avec JS, maintenant c du CSS.

n°1119780
FlorentG
Posté le 14-06-2005 à 16:59:50  profilanswer
 

Bienvenue dans le monde du web, où 95% des développeurs et des enseignants font des sites comme on les faisait y'a 10 ans [:spamafote]

n°1119971
gatsusat
Posté le 14-06-2005 à 20:12:11  profilanswer
 

ben je vais pousser mon coup de gueule comme mon ptit FlorentG :
 
PUTAIN quand est-ce que les développeurs web vont se mettre à jour bordel à cul.
 
Tiens on vient de me dire dans mon oreillette qu'on me demande un retour de connaissance sur les CSS.
 
Ah petit problème, c'est pas que sur les CSS qu'il vous faut un cours les amis, c'est un cours complet sur le HTML 4.01 / Xhtml 1.0 et CSS 2 (avec un topo sur CSS3 si j'ai le temps). ET sur l'ecmascript svp, parque c'est chiant de trouver encore du vieux javascript de l'an 2.  
 
Bon j'espère que je ne mélange pas trop.

n°1120234
masklinn
í dag viðrar vel til loftárása
Posté le 15-06-2005 à 01:59:23  profilanswer
 

gatsusat a écrit :

un topo sur CSS3 si j'ai le temps


 [:mr mala]  
 
Les CSS3 sont encore à l'étape de conception pour la majorité de la norme, et si certains modules sont peu ou prou figés rien n'est sûr à ce niveau là [:mr mala]


---------------
I mean, true, a cancer will probably destroy its host organism. But what about the cells whose mutations allow them to think outside the box by throwing away the limits imposed by overbearing genetic regulations? Isn't that a good thing?
n°1120253
gatsusat
Posté le 15-06-2005 à 07:59:56  profilanswer
 

bah topo, ca signifie que ca sera juste très court.
 
En gros Je dirai que on pourra style les bordures


Message édité par gatsusat le 15-06-2005 à 08:00:28
n°1121512
Negro
Posté le 16-06-2005 à 09:16:13  profilanswer
 


BOn j'ai des bugs... ca sool... et ca marche pas sous IE
J'essaie vraiment de me decarcasser la tete mais j'y arrive que petit a petit
Vous pouvez me dire ce qui va pas dans mon truc?
 
http://srmultimedia.dyndns.org/web [...] estcss.htm

mood
Publicité
Posté le   profilanswer
 


Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Programmation
  HTML/CSS

  Rollover map

 

Sujets relatifs
rollover !Description on rollover
Mise en gras on rolloverProblème de chargement d'images sur Rollover avec IE
Tutoriel: menus rollover, images irrégulières, rollovers à distance...Rollover a distance
RollOver mais pas de lien (CSS).[CSS] menus en rollover
pb de rollover et SP2Rollover CSS (image) passe pas sur FireFox & Opera
Plus de sujets relatifs à : Rollover map

Forum MesDiscussions.Net, Version 2010.2
(c) 2000-2011 Doctissimo
Page générée en 0.111 secondes

Copyright © 1997-2025 Groupe LDLC (Signaler un contenu illicite / Données personnelles)