Rollover map
Rollover map - HTML/CSS - Programmation
Marsh Posté le 14-06-2005 à 11:08:27
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
Marsh Posté le 14-06-2005 à 11:38:41
Pas besoin de JS pour ça 
Voit les menus en bas de la liste
Marsh Posté le 14-06-2005 à 11:38:57
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 
Marsh Posté le 14-06-2005 à 11:44:46
| FlorentG a écrit : Pas besoin de JS pour ça |
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
Marsh Posté le 14-06-2005 à 14:27:21
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... 
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...
Marsh Posté le 14-06-2005 à 14:28:01
Sauf qu'un <li>, comme tout élément, peut être positionné n'importe où, et donc ils peuvent se chevaucher
Marsh Posté le 14-06-2005 à 14:32:35
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
---------------
http://www.zeec.de/media-details.jsp?mediaId=49063
Marsh Posté le 14-06-2005 à 14:40:57
| Negro a écrit : ouai, ca ok. |
Ca me semble relativement normal qand même ![[:dawa]](https://forum-images.hardware.fr/images/perso/dawa.gif "[:dawa]")
Les sélecteurs CSS ne permettent pas de remonter l'arbre DOM, c'est pas du XPATH non plus
---------------
Stick a parrot in a Call of Duty lobby, and you're gonna get a racist parrot. — Cody
Marsh Posté le 14-06-2005 à 14:45:29
| masklinn a écrit : Ca me semble relativement normal qand même |
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
---------------
http://www.zeec.de/media-details.jsp?mediaId=49063
Marsh Posté le 14-06-2005 à 14:49:02
| Negro a écrit : Lol.. ok |
Tu t'es pas dit que c'était anti-ergonomique et anti-intuitif au possible ton truc?
---------------
Stick a parrot in a Call of Duty lobby, and you're gonna get a racist parrot. — Cody
Marsh Posté le 14-06-2005 à 14:57:40
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
Marsh Posté le 14-06-2005 à 14:59:58
| masklinn a écrit : Tu t'es pas dit que c'était anti-ergonomique et anti-intuitif au possible ton truc? |
Boarf... je me suis dis aussi que c'était nouveau...
Donc c mort alors. j'oubli si je comprend bien =)
---------------
http://www.zeec.de/media-details.jsp?mediaId=49063
Marsh Posté le 14-06-2005 à 15:00:59
| jeandalger a écrit : bonjour, |
www.allhtml.com rubrique HTML
www.commentcamarche.net
Tres bien pour les debutants
---------------
http://www.zeec.de/media-details.jsp?mediaId=49063
Marsh Posté le 14-06-2005 à 15:01:49
| Negro a écrit : www.allhtml.com rubrique HTML |
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 
Marsh Posté le 14-06-2005 à 15:06:02
| Negro a écrit : www.allhtml.com rubrique HTML |
Autant CCM est pas mal autant allhtml est une bouze de très haut niveau
(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]](https://forum-images.hardware.fr/images/perso/spamafote.gif "[:spamafote]")
---------------
Stick a parrot in a Call of Duty lobby, and you're gonna get a racist parrot. — Cody
Marsh Posté le 14-06-2005 à 15:08:26
| 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
---------------
http://www.zeec.de/media-details.jsp?mediaId=49063
Marsh Posté le 14-06-2005 à 15:23:25
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
Marsh Posté le 14-06-2005 à 15:37:34
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)
---------------
Stick a parrot in a Call of Duty lobby, and you're gonna get a racist parrot. — Cody
Marsh Posté le 14-06-2005 à 16:22:24
| 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 
Message édité par Negro le 14-06-2005 à 16:24:49
---------------
http://www.zeec.de/media-details.jsp?mediaId=49063
Marsh Posté le 14-06-2005 à 16:28:19
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 
---------------
http://www.zeec.de/media-details.jsp?mediaId=49063
Marsh Posté le 14-06-2005 à 16:32:11
| Negro a écrit : c bizare, ca devrai eter possible |
Non
Je viens de te dire qu'on ne peut pas remonter l'arbre DOM avec les CSS, que le descendre
---------------
Stick a parrot in a Call of Duty lobby, and you're gonna get a racist parrot. — Cody
Marsh Posté le 14-06-2005 à 16:38:05
| masklinn a écrit : Non |
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é. 
Avant c'était le javascript a fond.. . puis apres flash, et aujourd'hui c'est CSS et Blog powaaaa ![[:zawdiablon]](https://forum-images.hardware.fr/images/perso/zawdiablon.gif "[:zawdiablon]")
Pourquoi se denigrement pour le javascript? trop de faille? (IE on te tiens 
)
---------------
http://www.zeec.de/media-details.jsp?mediaId=49063
Marsh Posté le 14-06-2005 à 16:39:16
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
Marsh Posté le 14-06-2005 à 16:50:17
| Negro a écrit : |
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
---------------
Stick a parrot in a Call of Duty lobby, and you're gonna get a racist parrot. — Cody
Marsh Posté le 14-06-2005 à 16:59:00
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.
---------------
http://www.zeec.de/media-details.jsp?mediaId=49063
Marsh Posté le 14-06-2005 à 16:59:50
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
Marsh Posté le 14-06-2005 à 20:12:11
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.
Marsh Posté le 15-06-2005 à 01:59:23
| gatsusat a écrit : un topo sur CSS3 si j'ai le temps |
![[:mr mala]](https://forum-images.hardware.fr/images/perso/mr mala.gif "[: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à
---------------
Stick a parrot in a Call of Duty lobby, and you're gonna get a racist parrot. — Cody
Marsh Posté le 15-06-2005 à 07:59:56
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
Marsh Posté le 16-06-2005 à 09:16:13
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
Sujets relatifs:
- rollover !
- Description on rollover
- Mise en gras on rollover
- Problè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 SP2
- Rollover CSS (image) passe pas sur FireFox & Opera
Marsh Posté le 14-06-2005 à 10:56:54
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