Geckozone

Fabrice.Tres.Net a écrit :
Comme d'habitude, tu ne précises pas ton problème, juste que tu n'y arrives pas!

Menteur!

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.9.0.3) Gecko/2008092417 Firefox/3.0.3

GAUNCE a écrit :
Fabrice.Tres.Net a écrit :
Comme d'habitude, tu ne précises pas ton problème, juste que tu n'y arrives pas!

Menteur!

En plus tu bois, ou bien tu as des visions, c'est vrai que les Landes ce n'est pas très loin de Lourdes (vu d'ici)

Je ne vois que le code + je n'y arrive pas!

Ah si à la fin il y a :

Que dieu me protège!

Dans tous les cas cela attendra au moins demain!

C'était précédé de ta citation:
Bon maintenant Gaunce a encore du travail .... Il lui reste à transposer tout cela dans un image map ! Un à la fois !
C'est clair, il s'agissait de transposer ce qui a été fait sur l'image du groupe par le biais d'une image transparente sur une image map.
Donc j'ai fait la carte des landes mappée et j'arrive pas à mettre les pop up.
Voici la page:
http://amichant.free.fr/groupessai.htm
Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.9.0.3) Gecko/2008092417 Firefox/3.0.3

Rapidement,
Vu le code, je suppose qu'il est dans ce triste état suite à plusieurs tentatives infructueuses.

J'ai refais rapidement un code html correct de base juste avec un seul cas,
le css n'est pas fait, essaie d'obtenir qlq chose pour les castets avant de rajouter plusieurs cas, car "on" est dans de l'improvisation pure. Je ne suis pas sûr que cela marche en css pure!

Dans le cas ci dessous, le title apparaît bien!

( j'ai mis les adresses en absolu cela permet les tests depuis le réseau! )

Code : Tout sélectionner

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
  <head>
    <meta content="HTML Tidy for Windows (vers 12 April 2005), see www.w3.org" name="generator">
    <meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
    <title>
      essaiMap
    </title>
<style type="text/css">
body {
background-position: center center;
background-image: url(http://amichant.free.fr/gif-elementsPage/newfond.jpg);
}

#carte span {
display: none;
}
#carte span :hover{
border-style: solid;
border-color: #62c0f4;
border-width: 1px 1px 1px 10px;
padding: 5px;
background: white none repeat scroll 0% 50%;
display: block;
position: absolute;
font-family: arial,verdana,sans-serif;
font-size: 12px;
font-weight: normal;
width: 300px;
margin-left: 30%;
text-align: center;
}

</style>
  </head>
  <body>
    <div style="text-align: center;">
      <img src="http://amichant.free.fr/images/carteMarensin.jpg" width="500" height="436" border="0" usemap="#carte" />

<map name="carte" id="carte">
<area href="#" title="castets" shape="poly" coords="143,226,145,226,151,226,158,226,171,232,184,237,188,243,
188,258,188,279,176,290,155,291,127,291,116,282,110,259,110,242,122,228,133,223"  />
<span id="castets">CASTETS
Le village des Cocosates
</span>
</map>

    </div>
  </body>
</html>

Dans ce que j'avais fait, le pointeur sur Castets déclenchait la pop up en span.
J'ai copié strictement to code html, ajouté le CSS de la carte, mis des id au lieu des class pour que ça cadre avec ton html...
Résultat? rien ne parait...
http://amichant.free.fr/groupessai.htm

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.9.0.4) Gecko/2008102920 Firefox/3.0.4

GAUNCE a écrit :Dans ce que j'avais fait, le pointeur sur Castets déclenchait la pop up en span.
J'ai copié strictement to code html, ajouté le CSS de la carte, mis des id au lieu des class pour que ça cadre avec ton html...
Résultat? rien ne parait...
http://amichant.free.fr/groupessai.htm

Ah oui?

Code : Tout sélectionner

      <img src="http://amichant.free.fr/images/carteMarensin.jpg" width="500" height="436" border="0" usemap="#carte" /> 

<map name="carte" id="carte"> 
<area href="#" title="castets" shape="poly" coords=
        "143,226,145,226,151,226,158,226,171,2....

usemap est le repère de la carte qui sera utilisée dans la balise map (attribut name)!
Cela doit correspondre... le title doit au moins apparaître au survol de la zone.
Mais pour faire apparaître le span c'est une autre paire de manches. Pas sûr que ce soit possible avec seulement du css.

PS: tu peux changer le id="carte" qui prête à confusion

Je passe en coup de vent.
Impossible de bosser avec Tidy. Je modifie dans Notepad++, quand je reviens: acceptation=oui et Tidy a modifié.
Regarde un exemple, ça me mets : poly="" coords. Je remets: ="poly" coords, enregistre et rebelote ça me remets la même chose!
A demain

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.9.0.4) Gecko/2008102920 Firefox/3.0.4

Ultime tentative...regarde tout à l'air correct...mais rien ne fonctionne!
Alors dire que ça me casse largement les c......est un doux euphèmisme, si on y ajoute que je n'en ai aucune utlilité, puisque c'était un essai: je vais arrêter là.
Par contre je vais cryogéner le projet, peut-être dans quelques siècles trouveront ils la solution!!!

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.9.0.4) Gecko/2008102920 Firefox/3.0.4

Cryogénise le problème, mais corrige ceci:
remplace <map name="carte" id="landes">
par <map name="landes" id="toto">

J'ai fait une recherche rapide sur le net qui semble confirmer qu'on ne peut pas utiliser juste du css sur un image map pour faire apparaître des "fenêtres"

J'ai corrigé!
Toto est bon, mais juste pour un alt, je dis halt!

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.9.0.4) Gecko/2008102920 Firefox/3.0.4

Pour en terminer avec ce sujet, n'eut-il point été judicieux que Gaunce se procura le numéro 49 de Linux Pratique pour se rendre aux pages 74, 75 et 76 dudit document afin d'y puiser les informations, codes et manipulations essentiels à la réussite de son projet.

Il est gentil ce Chinon, mais son pinard doit avoir un effet retard car il me fournit des armes maintenant que la guerre est finie!!!

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.9.0.4) Gecko/2008102920 Firefox/3.0.4

Geckozone

zone reactive