28172 sujets

CSS et mise en forme, CSS3

boujour a tous,
Je voudrais faire une carte du monde, qui sera découper en differente region. Pour ca il me faut donc une map. Et je voudrais afficher des infos quand on passe la sourie dessus.

En navigant sur le net; je suis tombé dessus par hasar : http://www.nouvelles-frontieres.fr/nfo/aventure/flash/carte.swf ce qui corespond tout a fait à ce que je voudrais faire.

Donc 1er question, dois je le faire en flash aussi, ou est-ce possible en css (je suis débutant dans l'un comme dans l'autre)?
Dans ce cas quel est l'avatage de l'un par raport a l'autre, sachant que je dois le faire tourner sur des petite machine et sur des faible connection. Je pense qu'en css il sera plus léger, non?

d'après un tuto fait ici, je suis arrivé a ce resultat:
http://derckain.free.fr/index1.html

et une autre variente :
http://derckain.free.fr/

Mon probleme est lié au positionnement de l'image survolé, je voudrais qu'en passant la sourie sur l'amerique du sud, elle devienne verte.


sinon d'après un autre site :
http://www.cssplay.co.uk/menu/solar_map.html

j'ai reussi a faire ca :
http://derckain.free.fr/test.html

La mon probleme c'est que je ne comprend rien au code, et j'aime pas me servir de chose que je ne comprend pas Smiley confus
En plus le code a l'air bien lourd pour ci peux. Et pourquoi dans l'exemple le rollhover est bien circulaire mais sans balise de map, et chez moi je n'est aucun cercle (j'ai juste fait un copié collé de la source, avec quelque modification)

cette solution m'aporte un plus avec les menus (je voudrais faire une bref description des pays) mais pas de rollhover...

Merci de votre aide et de votre lecture.

PS: ne pas prendre en compte les erreur de lien, ou la qualité graphique; ce n'est qu'un brouillon.
Bonjour et bienvenu sur le Forum Smiley smile

Pour répondre à ta première question, j'aurais tendance à conseiller la version CSS plutôt qu'une version Flash. Et ce, pour plusieurs raisons :
- Tout d'abord il faut posséder Flash (ça aide Smiley cligne ) ;
- Puis il faut quand même maîtriser un minimum le principe de conception du logiciel avant d'arriver au résultat escompté ;
- Il faut que le player Flash soit implémenté sur le poste client ;
- Et enfin, il est fort probable que le poids de l'animation réalisée sur plus important en Flash qu'en CSS (mais là, je m'avance peut-être un peu... tout dépend de la conception)

Pour ce qui est de la réalisation CSS à proprement parler, je te conseillerais d'aller jeter un oeil dans la galerie des menus qui compte quelques exemples dont l'esprit rejoint plus ou moins ce que tu veux développer.
c'etais bien ce que je pensais pour le flash; merci pour la confirmation.

a écrit :
Pour ce qui est de la réalisation CSS à proprement parler, je te conseillerais d'aller jeter un oeil dans la galerie des menus qui compte quelques exemples dont l'esprit rejoint plus ou moins ce que tu veux développer.


je me suis servi de ce tuto pour faire la page http://derckain.free.fr/index1.html puis en modifiant 2-3 truc j'ai reussi a faire ca http://derckain.free.fr/ (l'amerique du sud est bien placé) par contre je n'arrive pas a élargire la zone réactive rollhover.
Modifié par iwhoa (28 Apr 2008 - 14:44)