01net    Web


Actuellement en ligne : 911 Utilisateurs dont 25 dans Programmation et développement >S'inscrire      >S'identifier      >Recherche      >Aide  
modéré par A.Ouloube, Beno@  
01net > Forum de 01net > Programmation et développement > HTML / Javascript
> Probleme de développement s'un site sur photoshop
Passionné(e) d'internet, de logiciels, de forums ? 01net recrute...
Auteur
Message
 
<     1       >
golum_2003
  
   
      ?   @     Posté le 27/01/2008 12:35:59  
Voter pour ce message
Bonjour à tous....
J'espère que vous allez pouvoir m'aider mais je n'en doute pas.
J'ai conçu un site sur photoshop qui reprend a peu près les mêmes éléments que celui-ci....
http://www.graphfr.com/codes/SITE-ENTIER-PHOTOSHOP_18776.aspx notammnt le cadre blanc pour écrire mon texte.
Seulement voilà, je ne sais pas comment faire pour écrire plus de texte que ma page et que celle-ci s'allonge en conséquence. Je ne sais pas si je suis assez clair!!!Je voudrais que ma page puisse s'allonger ou se rétressir en fonction de la quantité d'information qu'il y a. Je pense que ça doit se faire avaec image ready masi je ne sais pas comment :(
Voilà; à vos clavier et j'attend vos réponses!!! :lol:
golum_2003
  
   
      ?   @     Posté le 27/01/2008 13:45:23  
Voter pour ce message
un petit up...
Dark Revan
  
  :-)
      ?   @     Posté le 27/01/2008 16:14:24  
Voter pour ce message
euh deja ce n'est qu'un webdesign : si tu veux que ton site ressemble a ca, faut que tu le codes ton design, en xHTML et CSS
golum_2003
  
   
      ?   @     Posté le 28/01/2008 10:20:17  
Voter pour ce message
Merci de ta réponnse!!!
oui...je suis passé sous image ready qui me la codé.
J'ai fait mon menu, j'ai fait mes tranches pour que cela sois moins lourds et j'ai enregistrer une copie optimisé sous...maintenant, comment fait on pour que ma tranche de fond se répète autant de fois que nécessaire, suivant la longueur de mon texte??
Je ne suis pas sur d'etre bien clair la!!!
golum_2003
  
   
      ?   @     Posté le 29/01/2008 10:00:26  
Voter pour ce message
personne n'a d'idée????
iSkean
  
   
      ?   ^   @     Posté le 30/01/2008 11:01:31  
Voter pour ce message
C'est quoi l'adresse de ta page? Si tu ne l'as pas encore mise sur un serveur, faut le faire :)

Parceque suivant la construction de ta page, ce sera différent ^^
-------
*°[ iSkean - Infographiste Maquettiste Web / Print ]°*
iSkean
  
   
      ?   ^   @     Posté le 30/01/2008 11:18:31  
Voter pour ce message
Admettons que l'image ci-dessous soit ton site et que t'es tranches ressembles un peu à celles-ci :

< inclued picture >

Il faut bien prendre en compte les tranches 12, 13 et 14 qui permettront l'allongement de la page.

Quand tu édites ta page, sur ces tranches là, il faut conserver leur largeur mais mettre leur hauteur à 100%.

Il faut faire attention que l'image, une fois étirée ne soit pas déformée! Sur mon exemple, l'image peu faire 10px ou 175px elle aura la même forme puisqu'elle est "unie". En revanche si tu donnes une hauteur de 100% à la tranche 9 par exemple, elle sera complètement déformée et n'aura aucun sens.
-------
*°[ iSkean - Infographiste Maquettiste Web / Print ]°*
golum_2003
  
   
      ?   @     Posté le 31/01/2008 13:56:38  
Voter pour ce message
merci iSkean...pour répondre à ta premiere question, effectivement, mon site n'est pas encore en ligne donc je ne peux pas te donner l'adresse...mais tes explications suivantes m'ont un peu eclairées...Je vais voir si j'y arrive comme ça et je te redit si j'ai un probleme!!!
Encore merci

Alors...suite à ce que tu m'a dit, j'ai analyser ma situation...Ta technique fonctionne effectivement lorsque le fond est uni...Sauf que moi, bien sûr...(pourquoi faire simple quand on peu faire compliquer lol....) mon fond est tacheté...donc il faudrai que ces meme tranche,non pas s'allonge, mais se répète ...je ne sais pas si c'est possible!!!

-->Message édité par golum_2003 le 31/01/2008 14:06:30<--
iSkean
  
   
      ?   ^   @     Posté le 31/01/2008 17:24:52  
Voter pour ce message
Si tu mets l'image en arrière-plan l'image sera répétée. Enfin il me semble ^^
-------
*°[ iSkean - Infographiste Maquettiste Web / Print ]°*
golum_2003
  
   
      ?   @     Posté le 01/02/2008 13:41:44  
Voter pour ce message
Qu'est ce que tu entend par "mettre l'image en arrière plan"...elle est déjà en arrière plan puisque c'est mon fond?? La je suis perdu!!!
Dark Revan
  
  :-)
      ?   @     Posté le 01/02/2008 14:10:37  
Voter pour ce message
Oui mais faut quand meme qu'il le code, c'est bien ce que j'ai dit : que tu fasse ton design sous photoshop, c'est bien mais faudra que tu le codes quand meme apres ;) sinon, tu auras ton image mais tu ne pourras pas avoir ta page avec ce design, c'est pour ca qu'il faut passer par ce langage informatique
golum_2003
  
   
      ?   @     Posté le 01/02/2008 14:24:42  
Voter pour ce message
oui...une fois que j'ai fini mon design, je passe sous image ready qui permet justement de coder ma page. j'ai mon code:

<html>
<head>
<title>site centre</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<!-- ImageReady Preload Script (site centre.psd) -->
<script type="text/javascript">
<!--

function newImage(arg) {
if (document.images) {
rslt = new Image();
rslt.src = arg;
return rslt;
}
}

function changeImages() {
if (document.images && (preloadFlag == true)) {
for (var i=0; i<changeImages.arguments.length; i+=2) {
document[changeImages.arguments].src = changeImages.arguments[i+1];
}
}
}

var preloadFlag = false;
function preloadImages() {
if (document.images) {
crayon_Bouton_accueil_over = newImage("images/crayon-Bouton-accueil_over.gif");
fond_1_Bouton_accueil_over = newImage("images/fond-1-Bouton-accueil_over.gif");
fond_1_Bouton_accueil_over010 = newImage("images/fond-1-Bouton-accueil_ov-10.gif");
accueil_Bouton_accueil_over = newImage("images/accueil-Bouton-accueil_over.gif");
fond_1_Bouton_accueil_over014 = newImage("images/fond-1-Bouton-accueil_ov-14.gif");
Site_centre_version_2_09_Bouton_accueil_over = newImage("images/Site-centre-version-2_09-Bo.gif");
Site_centre_version_2_09_video_over = newImage("images/Site-centre-version-2_09-vi.gif");
Site_centre_version_2_09_Sessions_over = newImage("images/Site-centre-version-2_09-Se.gif");
Site_centre_version_2_09_bouton__quipe_over = newImage("images/Site-centre-version-2_09-19.gif");
Site_centre_version_2_09_CLSH_over = newImage("images/Site-centre-version-2_09-CL.gif");
Site_centre_version_2_10_Bouton_accueil_over = newImage("images/Site-centre-version-2_10-Bo.gif");
Site_centre_version_2_10_video_over = newImage("images/Site-centre-version-2_10-vi.gif");
Site_centre_version_2_10_Sessions_over = newImage("images/Site-centre-version-2_10-Se.gif");
Site_centre_version_2_10_bouton__quipe_over = newImage("images/Site-centre-version-2_10-25.gif");
Site_centre_version_2_10_CLSH_over = newImage("images/Site-centre-version-2_10-CL.gif");
Site_centre_version_2_11_Bouton_accueil_over = newImage("images/Site-centre-version-2_11-Bo.gif");
Site_centre_version_2_11_bouton__quipe_over = newImage("images/Site-centre-version-2_11-29.gif");
_quipe_bouton__quipe_over = newImage("images/équipe-bouton-équipe_over.gif");
Site_centre_version_2_13_bouton__quipe_over = newImage("images/Site-centre-version-2_13-bo.gif");
Site_centre_version_2_13_CLSH_over = newImage("images/Site-centre-version-2_13-CL.gif");
clsh_bouton__quipe_over = newImage("images/clsh-bouton-équipe_over.gif");
clsh_CLSH_over = newImage("images/clsh-CLSH_over.gif");
Site_centre_version_2_16_CLSH_over = newImage("images/Site-centre-version-2_16-CL.gif");
photo_Photos_over = newImage("images/photo-Photos_over.gif");
photo_video_over = newImage("images/photo-video_over.gif");
photo_CLSH_over = newImage("images/photo-CLSH_over.gif");
Site_centre_version_2_18_video_over = newImage("images/Site-centre-version-2_18-vi.gif");
video_over = newImage("images/video-over.gif");
Site_centre_version_2_20_video_over = newImage("images/Site-centre-version-2_20-vi.gif");
Site_centre_version_2_20_Sessions_over = newImage("images/Site-centre-version-2_20-Se.gif");
Site_centre_version_2_21_video_over = newImage("images/Site-centre-version-2_21-vi.gif");
Site_centre_version_2_21_Sessions_over = newImage("images/Site-centre-version-2_21-Se.gif");
session_Sessions_over = newImage("images/session-Sessions_over.gif");
Site_centre_version_2_23_Sessions_over = newImage("images/Site-centre-version-2_23-Se.gif");
Site_centre_version_2_24_Sessions_over = newImage("images/Site-centre-version-2_24-Se.gif");
Site_centre_version_2_25_Sessions_over = newImage("images/Site-centre-version-2_25-Se.gif");
balle_Sessions_over = newImage("images/balle-Sessions_over.gif");
preloadFlag = true;
}
}

// -->
</script>
<!-- End Preload Script -->
</head>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" onload="preloadImages();">
<!-- ImageReady Slices (site centre.psd) -->
<table id="Tableau_01" width="801" height="601" border="0" cellpadding="0" cellspacing="0">
<tr>
<td colspan="6">
<img name="crayon" src="images/crayon.gif" width="145" height="158" alt=""></td>
<td colspan="5">
<img src="images/logo.gif" width="655" height="158" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="158" alt=""></td>
</tr>
<tr>
<td colspan="9">
<img name="fond_1" src="images/fond-1.gif" width="646" height="12" alt=""></td>
<td rowspan="7">
<img src="images/abeille.gif" width="116" height="130" alt=""></td>
<td rowspan="15">
<img src="images/Site-centre-version-2_05.gif" width="38" height="330" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="12" alt=""></td>
</tr>
<tr>
<td>
<img name="fond_1009" src="images/fond-1-09.gif" width="10" height="1" alt=""></td>
<td colspan="3" rowspan="2">
<img name="accueil" src="images/accueil.gif" width="80" height="30" border="0" alt="" usemap="#accueil_Map"></td>
<td colspan="5">
<img name="fond_1013" src="images/fond-1-13.gif" width="556" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="1" alt=""></td>
</tr>
<tr>
<td rowspan="15">
<img name="Site_centre_version_2_09" src="images/Site-centre-version-2_09.gif" width="10" height="429" border="0" alt="" usemap="#Site_centre_version_2_09_Map"></td>
<td colspan="5" rowspan="11">
<img name="Site_centre_version_2_10" src="images/Site-centre-version-2_10.gif" width="556" height="255" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="29" alt=""></td>
</tr>
<tr>
<td colspan="3">
<img name="Site_centre_version_2_11" src="images/Site-centre-version-2_11.gif" width="80" height="22" border="0" alt="" usemap="#Site_centre_version_2_11_Map"></td>
<td>
<img src="images/spacer.gif" width="1" height="22" alt=""></td>
</tr>
<tr>
<td colspan="3">
<img name="_quipe" src="images/équipe.gif" width="80" height="30" border="0" alt="" usemap="#_quipe_Map"></td>
<td>
<img src="images/spacer.gif" width="1" height="30" alt=""></td>
</tr>
<tr>
<td colspan="3">
<img name="Site_centre_version_2_13" src="images/Site-centre-version-2_13.gif" width="80" height="22" border="0" alt="" usemap="#Site_centre_version_2_13_Map"></td>
<td>
<img src="images/spacer.gif" width="1" height="22" alt=""></td>
</tr>
<tr>
<td colspan="3" rowspan="2">
<img name="clsh" src="images/clsh.gif" width="80" height="29" border="0" alt="" usemap="#clsh_Map"></td>
<td>
<img src="images/spacer.gif" width="1" height="14" alt=""></td>
</tr>
<tr>
<td rowspan="8">
<img src="images/Site-centre-version-2_15.gif" width="116" height="200" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="15" alt=""></td>
</tr>
<tr>
<td colspan="3">
<img name="Site_centre_version_2_16" src="images/Site-centre-version-2_16.gif" width="80" height="21" border="0" alt="" usemap="#Site_centre_version_2_16_Map"></td>
<td>
<img src="images/spacer.gif" width="1" height="21" alt=""></td>
</tr>
<tr>
<td colspan="3">
<img name="photo" src="images/photo.gif" width="80" height="29" border="0" alt="" usemap="#photo_Map"></td>
<td>
<img src="images/spacer.gif" width="1" height="29" alt=""></td>
</tr>
<tr>
<td colspan="3">
<img name="Site_centre_version_2_18" src="images/Site-centre-version-2_18.gif" width="80" height="21" border="0" alt="" usemap="#Site_centre_version_2_18_Map"></td>
<td>
<img src="images/spacer.gif" width="1" height="21" alt=""></td>
</tr>
<tr>
<td colspan="3">
<img name="video" src="images/video.gif" width="80" height="30" border="0" alt="" usemap="#video_Map"></td>
<td>
<img src="images/spacer.gif" width="1" height="30" alt=""></td>
</tr>
<tr>
<td colspan="3">
<img name="Site_centre_version_2_20" src="images/Site-centre-version-2_20.gif" width="80" height="22" border="0" alt="" usemap="#Site_centre_version_2_20_Map"></td>
<td>
<img src="images/spacer.gif" width="1" height="22" alt=""></td>
</tr>
<tr>
<td rowspan="4">
<img name="Site_centre_version_2_21" src="images/Site-centre-version-2_21.gif" width="2" height="174" border="0" alt="" usemap="#Site_centre_version_2_21_Map"></td>
<td colspan="3">
<img name="session" src="images/session.gif" width="81" height="29" border="0" alt="" usemap="#session_Map"></td>
<td colspan="4" rowspan="2">
<img name="Site_centre_version_2_23" src="images/Site-centre-version-2_23.gif" width="553" height="62" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="29" alt=""></td>
</tr>
<tr>
<td colspan="3">
<img name="Site_centre_version_2_24" src="images/Site-centre-version-2_24.gif" width="81" height="33" border="0" alt="" usemap="#Site_centre_version_2_24_Map"></td>
<td>
<img src="images/spacer.gif" width="1" height="33" alt=""></td>
</tr>
<tr>
<td rowspan="2">
<img name="Site_centre_version_2_25" src="images/Site-centre-version-2_25.gif" width="38" height="112" alt=""></td>
<td colspan="4">
<img name="balle" src="images/balle.gif" width="144" height="104" alt=""></td>
<td rowspan="2">
<img src="images/Site-centre-version-2_27.gif" width="427" height="112" alt=""></td>
<td colspan="3" rowspan="2">
<img src="images/cerf-volant.gif" width="179" height="112" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="104" alt=""></td>
</tr>
<tr>
<td colspan="4">
<img src="images/Site-centre-version-2_29.gif" width="144" height="8" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="8" alt=""></td>
</tr>
<tr>
<td>
<img src="images/spacer.gif" width="10" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="2" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="38" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="40" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="3" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="52" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="49" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="427" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="25" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="116" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="38" height="1" alt=""></td>
<td></td>
</tr>
</table>
<map name="accueil_Map">
<area shape="poly" alt="pour aller sur la page d'accueil" coords="80,4, 76,30, 67,32, 64,47, -12,43, -8,19, -1,16, 2,0" href="http://www.clshlacayenne.fr" target="_blank"
onmouseover="changeImages('crayon', 'images/crayon-Bouton-accueil_over.gif', 'fond_1', 'images/fond-1-Bouton-accueil_over.gif', 'fond_1009', 'images/fond-1-Bouton-accueil_ov-10.gif', 'accueil', 'images/accueil-Bouton-accueil_over.gif', 'fond_1013', 'images/fond-1-Bouton-accueil_ov-14.gif', 'Site_centre_version_2_09', 'images/Site-centre-version-2_09-Bo.gif',
'Site_centre_version_2_10', 'images/Site-centre-version-2_10-Bo.gif', 'Site_centre_version_2_11', 'images/Site-centre-version-2_11-Bo.gif'); return true;"
onmouseout="changeImages('crayon', 'images/crayon.gif', 'fond_1', 'images/fond-1.gif', 'fond_1009', 'images/fond-1-09.gif', 'accueil', 'images/accueil.gif', 'fond_1013', 'images/fond-1-13.gif', 'Site_centre_version_2_09', 'images/Site-centre-version-2_09.gif', 'Site_centre_version_2_10', 'images/Site-centre-version-2_10.gif',
'Site_centre_version_2_11', 'images/Site-centre-version-2_11.gif'); return true;"
onmousedown="changeImages('crayon', 'images/crayon-Bouton-accueil_over.gif', 'fond_1', 'images/fond-1-Bouton-accueil_over.gif', 'fond_1009', 'images/fond-1-Bouton-accueil_ov-10.gif', 'accueil', 'images/accueil-Bouton-accueil_over.gif', 'fond_1013', 'images/fond-1-Bouton-accueil_ov-14.gif', 'Site_centre_version_2_09', 'images/Site-centre-version-2_09-Bo.gif',
'Site_centre_version_2_10', 'images/Site-centre-version-2_10-Bo.gif', 'Site_centre_version_2_11', 'images/Site-centre-version-2_11-Bo.gif'); return true;"
onmouseup="changeImages('crayon', 'images/crayon-Bouton-accueil_over.gif', 'fond_1', 'images/fond-1-Bouton-accueil_over.gif', 'fond_1009', 'images/fond-1-Bouton-accueil_ov-10.gif', 'accueil', 'images/accueil-Bouton-accueil_over.gif', 'fond_1013', 'images/fond-1-Bouton-accueil_ov-14.gif', 'Site_centre_version_2_09', 'images/Site-centre-version-2_09-Bo.gif',
'Site_centre_version_2_10', 'images/Site-centre-version-2_10-Bo.gif', 'Site_centre_version_2_11', 'images/Site-centre-version-2_11-Bo.gif'); return true;">
</map>
<map name="Site_centre_version_2_09_Map">
<area shape="poly" alt="Vous voulez revoir une session...y'a plus qu'à choisir!!!" coords="92,258, 88,284, 79,286, 76,301, 0,297, 4,273, 11,270, 14,254" href="http://www.clshlacayenne.fr" target="_blank"
onmouseover="changeImages('Site_centre_version_2_09', 'images/Site-centre-version-2_09-Se.gif', 'Site_centre_version_2_10', 'images/Site-centre-version-2_10-Se.gif', 'Site_centre_version_2_20', 'images/Site-centre-version-2_20-Se.gif', 'Site_centre_version_2_21', 'images/Site-centre-version-2_21-Se.gif', 'session', 'images/session-Sessions_over.gif',
'Site_centre_version_2_23', 'images/Site-centre-version-2_23-Se.gif', 'Site_centre_version_2_24', 'images/Site-centre-version-2_24-Se.gif', 'Site_centre_version_2_25', 'images/Site-centre-version-2_25-Se.gif', 'balle', 'images/balle-Sessions_over.gif'); return true;"
onmouseout="changeImages('Site_centre_version_2_09', 'images/Site-centre-version-2_09.gif', 'Site_centre_version_2_10', 'images/Site-centre-version-2_10.gif', 'Site_centre_version_2_20', 'images/Site-centre-version-2_20.gif', 'Site_centre_version_2_21', 'images/Site-centre-version-2_21.gif', 'session', 'images/session.gif',
'Site_centre_version_2_23', 'images/Site-centre-version-2_23.gif', 'Site_centre_version_2_24', 'images/Site-centre-version-2_24.gif', 'Site_centre_version_2_25', 'images/Site-centre-version-2_25.gif', 'balle', 'images/balle.gif'); return true;"
onmousedown="changeImages('Site_centre_version_2_09', 'images/Site-centre-version-2_09-Se.gif', 'Site_centre_version_2_10', 'images/Site-centre-version-2_10-Se.gif', 'Site_centre_version_2_20', 'images/Site-centre-version-2_20-Se.gif', 'Site_centre_version_2_21', 'images/Site-centre-version-2_21-Se.gif', 'session', 'images/session-Sessions_over.gif',
'Site_centre_version_2_23', 'images/Site-centre-version-2_23-Se.gif', 'Site_centre_version_2_24', 'images/Site-centre-version-2_24-Se.gif', 'Site_centre_version_2_25', 'images/Site-centre-version-2_25-Se.gif', 'balle', 'images/balle-Sessions_over.gif'); return true;"
onmouseup="changeImages('Site_centre_version_2_09', 'images/Site-centre-version-2_09-Se.gif', 'Site_centre_version_2_10', 'images/Site-centre-version-2_10-Se.gif', 'Site_centre_version_2_20', 'images/Site-centre-version-2_20-Se.gif', 'Site_centre_version_2_21', 'images/Site-centre-version-2_21-Se.gif', 'session', 'images/session-Sessions_over.gif',
'Site_centre_version_2_23', 'images/Site-centre-version-2_23-Se.gif', 'Site_centre_version_2_24', 'images/Site-centre-version-2_24-Se.gif', 'Site_centre_version_2_25', 'images/Site-centre-version-2_25-Se.gif', 'balle', 'images/balle-Sessions_over.gif'); return true;">
<area shape="poly" alt="Un peu de video" coords="90,207, 86,233, 77,235, 74,250, -2,246, 2,222, 9,219, 12,203" href="http://www.clshlacayenne.fr" target="_blank"
onmouseover="changeImages('Site_centre_version_2_09', 'images/Site-centre-version-2_09-vi.gif', 'Site_centre_version_2_10', 'images/Site-centre-version-2_10-vi.gif', 'photo', 'images/photo-video_over.gif', 'Site_centre_version_2_18', 'images/Site-centre-version-2_18-vi.gif', 'video', 'images/video-over.gif', 'Site_centre_version_2_20',
'images/Site-centre-version-2_20-vi.gif', 'Site_centre_version_2_21', 'images/Site-centre-version-2_21-vi.gif'); return true;"
onmouseout="changeImages('Site_centre_version_2_09', 'images/Site-centre-version-2_09.gif', 'Site_centre_version_2_10', 'images/Site-centre-version-2_10.gif', 'photo', 'images/photo.gif', 'Site_centre_version_2_18', 'images/Site-centre-version-2_18.gif', 'video', 'images/video.gif', 'Site_centre_version_2_20', 'images/Site-centre-version-2_20.gif',
'Site_centre_version_2_21', 'images/Site-centre-version-2_21.gif'); return true;"
onmousedown="changeImages('Site_centre_version_2_09', 'images/Site-centre-version-2_09-vi.gif', 'Site_centre_version_2_10', 'images/Site-centre-version-2_10-vi.gif', 'photo', 'images/photo-video_over.gif', 'Site_centre_version_2_18', 'images/Site-centre-version-2_18-vi.gif', 'video', 'images/video-over.gif', 'Site_centre_version_2_20',
'images/Site-centre-version-2_20-vi.gif', 'Site_centre_version_2_21', 'images/Site-centre-version-2_21-vi.gif'); return true;"
onmouseup="changeImages('Site_centre_version_2_09', 'images/Site-centre-version-2_09-vi.gif', 'Site_centre_version_2_10', 'images/Site-centre-version-2_10-vi.gif', 'photo', 'images/photo-video_over.gif', 'Site_centre_version_2_18', 'images/Site-centre-version-2_18-vi.gif', 'video', 'images/video-over.gif', 'Site_centre_version_2_20',
'images/Site-centre-version-2_20-vi.gif', 'Site_centre_version_2_21', 'images/Site-centre-version-2_21-vi.gif'); return true;">
<area shape="poly" alt="Quelques photos que vous pouvez regarder!!!" coords="90,156, 86,182, 77,184, 74,199, -2,195, 2,171, 9,168, 12,152" href="http://www.clshlacayenne.fr" target="_blank"
onmouseover="changeImages('photo', 'images/photo-Photos_over.gif'); return true;"
onmouseout="changeImages('photo', 'images/photo.gif'); return true;"
onmousedown="changeImages('photo', 'images/photo-Photos_over.gif'); return true;"
onmouseup="changeImages('photo', 'images/photo-Photos_over.gif'); return true;">
<area shape="poly" alt="une petite visite du centre???" coords="90,106, 86,132, 77,134, 74,149, -2,145, 2,121, 9,118, 12,102" href="http://www.clshlacayenne.fr" target="_blank"
onmouseover="changeImages('Site_centre_version_2_09', 'images/Site-centre-version-2_09-CL.gif', 'Site_centre_version_2_10', 'images/Site-centre-version-2_10-CL.gif', 'Site_centre_version_2_13', 'images/Site-centre-version-2_13-CL.gif', 'clsh', 'images/clsh-CLSH_over.gif', 'Site_centre_version_2_16', 'images/Site-centre-version-2_16-CL.gif',
'photo', 'images/photo-CLSH_over.gif'); return true;"
onmouseout="changeImages('Site_centre_version_2_09', 'images/Site-centre-version-2_09.gif', 'Site_centre_version_2_10', 'images/Site-centre-version-2_10.gif', 'Site_centre_version_2_13', 'images/Site-centre-version-2_13.gif', 'clsh', 'images/clsh.gif', 'Site_centre_version_2_16', 'images/Site-centre-version-2_16.gif',
'photo', 'images/photo.gif'); return true;"
onmousedown="changeImages('Site_centre_version_2_09', 'images/Site-centre-version-2_09-CL.gif', 'Site_centre_version_2_10', 'images/Site-centre-version-2_10-CL.gif', 'Site_centre_version_2_13', 'images/Site-centre-version-2_13-CL.gif', 'clsh', 'images/clsh-CLSH_over.gif', 'Site_centre_version_2_16', 'images/Site-centre-version-2_16-CL.gif',
'photo', 'images/photo-CLSH_over.gif'); return true;"
onmouseup="changeImages('Site_centre_version_2_09', 'images/Site-centre-version-2_09-CL.gif', 'Site_centre_version_2_10', 'images/Site-centre-version-2_10-CL.gif', 'Site_centre_version_2_13', 'images/Site-centre-version-2_13-CL.gif', 'clsh', 'images/clsh-CLSH_over.gif', 'Site_centre_version_2_16', 'images/Site-centre-version-2_16-CL.gif',
'photo', 'images/photo-CLSH_over.gif'); return true;">
<area shape="poly" alt="Trombinoscope de l'équipe" coords="90,55, 86,81, 77,83, 74,98, -2,94, 2,70, 9,67, 12,51" href="http://www.clshlacayenne.fr" target="_blank"
onmouseover="changeImages('Site_centre_version_2_09', 'images/Site-centre-version-2_09-19.gif', 'Site_centre_version_2_10', 'images/Site-centre-version-2_10-25.gif', 'Site_centre_version_2_11', 'images/Site-centre-version-2_11-29.gif', '_quipe', 'images/équipe-bouton-équipe_over.gif', 'Site_centre_version_2_13',
'images/Site-centre-version-2_13-bo.gif', 'clsh', 'images/clsh-bouton-équipe_over.gif'); return true;"
onmouseout="changeImages('Site_centre_version_2_09', 'images/Site-centre-version-2_09.gif', 'Site_centre_version_2_10', 'images/Site-centre-version-2_10.gif', 'Site_centre_version_2_11', 'images/Site-centre-version-2_11.gif', '_quipe', 'images/équipe.gif', 'Site_centre_version_2_13', 'images/Site-centre-version-2_13.gif',
'clsh', 'images/clsh.gif'); return true;"
onmousedown="changeImages('Site_centre_version_2_09', 'images/Site-centre-version-2_09-19.gif', 'Site_centre_version_2_10', 'images/Site-centre-version-2_10-25.gif', 'Site_centre_version_2_11', 'images/Site-centre-version-2_11-29.gif', '_quipe', 'images/équipe-bouton-équipe_over.gif', 'Site_centre_version_2_13',
'images/Site-centre-version-2_13-bo.gif', 'clsh', 'images/clsh-bouton-équipe_over.gif'); return true;"
onmouseup="changeImages('Site_centre_version_2_09', 'images/Site-centre-version-2_09-19.gif', 'Site_centre_version_2_10', 'images/Site-centre-version-2_10-25.gif', 'Site_centre_version_2_11', 'images/Site-centre-version-2_11-29.gif', '_quipe', 'images/équipe-bouton-équipe_over.gif', 'Site_centre_version_2_13',
'images/Site-centre-version-2_13-bo.gif', 'clsh', 'images/clsh-bouton-équipe_over.gif'); return true;">
<area shape="poly" alt="pour aller sur la page d'accueil" coords="90,3, 86,29, 77,31, 74,46, -2,42, 2,18, 9,15, 12,-1" href="http://www.clshlacayenne.fr" target="_blank"
onmouseover="changeImages('crayon', 'images/crayon-Bouton-accueil_over.gif', 'fond_1', 'images/fond-1-Bouton-accueil_over.gif', 'fond_1009', 'images/fond-1-Bouton-accueil_ov-10.gif', 'accueil', 'images/accueil-Bouton-accueil_over.gif', 'fond_1013', 'images/fond-1-Bouton-accueil_ov-14.gif', 'Site_centre_version_2_09', 'images/Site-centre-version-2_09-Bo.gif',
'Site_centre_version_2_10', 'images/Site-centre-version-2_10-Bo.gif', 'Site_centre_version_2_11', 'images/Site-centre-version-2_11-Bo.gif'); return true;"
onmouseout="changeImages('crayon', 'images/crayon.gif', 'fond_1', 'images/fond-1.gif', 'fond_1009', 'images/fond-1-09.gif', 'accueil', 'images/accueil.gif', 'fond_1013', 'images/fond-1-13.gif', 'Site_centre_version_2_09', 'images/Site-centre-version-2_09.gif', 'Site_centre_version_2_10', 'images/Site-centre-version-2_10.gif',
'Site_centre_version_2_11', 'images/Site-centre-version-2_11.gif'); return true;"
onmousedown="changeImages('crayon', 'images/crayon-Bouton-accueil_over.gif', 'fond_1', 'images/fond-1-Bouton-accueil_over.gif', 'fond_1009', 'images/fond-1-Bouton-accueil_ov-10.gif', 'accueil', 'images/accueil-Bouton-accueil_over.gif', 'fond_1013', 'images/fond-1-Bouton-accueil_ov-14.gif', 'Site_centre_version_2_09', 'images/Site-centre-version-2_09-Bo.gif',
'Site_centre_version_2_10', 'images/Site-centre-version-2_10-Bo.gif', 'Site_centre_version_2_11', 'images/Site-centre-version-2_11-Bo.gif'); return true;"
onmouseup="changeImages('crayon', 'images/crayon-Bouton-accueil_over.gif', 'fond_1', 'images/fond-1-Bouton-accueil_over.gif', 'fond_1009', 'images/fond-1-Bouton-accueil_ov-10.gif', 'accueil', 'images/accueil-Bouton-accueil_over.gif', 'fond_1013', 'images/fond-1-Bouton-accueil_ov-14.gif', 'Site_centre_version_2_09', 'images/Site-centre-version-2_09-Bo.gif',
'Site_centre_version_2_10', 'images/Site-centre-version-2_10-Bo.gif', 'Site_centre_version_2_11', 'images/Site-centre-version-2_11-Bo.gif'); return true;">
</map>
<map name="Site_centre_version_2_11_Map">
<area shape="poly" alt="pour aller sur la page d'accueil" coords="80,-26, 76,0, 67,2, 64,17, -12,13, -8,-11, -1,-14, 2,-30" href="http://www.clshlacayenne.fr" target="_blank"
onmouseover="changeImages('crayon', 'images/crayon-Bouton-accueil_over.gif', 'fond_1', 'images/fond-1-Bouton-accueil_over.gif', 'fond_1009', 'images/fond-1-Bouton-accueil_ov-10.gif', 'accueil', 'images/accueil-Bouton-accueil_over.gif', 'fond_1013', 'images/fond-1-Bouton-accueil_ov-14.gif', 'Site_centre_version_2_09', 'images/Site-centre-version-2_09-Bo.gif',
'Site_centre_version_2_10', 'images/Site-centre-version-2_10-Bo.gif', 'Site_centre_version_2_11', 'images/Site-centre-version-2_11-Bo.gif'); return true;"
onmouseout="changeImages('crayon', 'images/crayon.gif', 'fond_1', 'images/fond-1.gif', 'fond_1009', 'images/fond-1-09.gif', 'accueil', 'images/accueil.gif', 'fond_1013', 'images/fond-1-13.gif', 'Site_centre_version_2_09', 'images/Site-centre-version-2_09.gif', 'Site_centre_version_2_10', 'images/Site-centre-version-2_10.gif',
'Site_centre_version_2_11', 'images/Site-centre-version-2_11.gif'); return true;"
onmousedown="changeImages('crayon', 'images/crayon-Bouton-accueil_over.gif', 'fond_1', 'images/fond-1-Bouton-accueil_over.gif', 'fond_1009', 'images/fond-1-Bouton-accueil_ov-10.gif', 'accueil', 'images/accueil-Bouton-accueil_over.gif', 'fond_1013', 'images/fond-1-Bouton-accueil_ov-14.gif', 'Site_centre_version_2_09', 'images/Site-centre-version-2_09-Bo.gif',
'Site_centre_version_2_10', 'images/Site-centre-version-2_10-Bo.gif', 'Site_centre_version_2_11', 'images/Site-centre-version-2_11-Bo.gif'); return true;"
onmouseup="changeImages('crayon', 'images/crayon-Bouton-accueil_over.gif', 'fond_1', 'images/fond-1-Bouton-accueil_over.gif', 'fond_1009', 'images/fond-1-Bouton-accueil_ov-10.gif', 'accueil', 'images/accueil-Bouton-accueil_over.gif', 'fond_1013', 'images/fond-1-Bouton-accueil_ov-14.gif', 'Site_centre_version_2_09', 'images/Site-centre-version-2_09-Bo.gif',
'Site_centre_version_2_10', 'images/Site-centre-version-2_10-Bo.gif', 'Site_centre_version_2_11', 'images/Site-centre-version-2_11-Bo.gif'); return true;">
</map>
<map name="_quipe_Map">
<area shape="poly" alt="Trombinoscope de l'équipe" coords="80,4, 76,30, 67,32, 64,47, -12,43, -8,19, -1,16, 2,0" href="http://www.clshlacayenne.fr" target="_blank"
onmouseover="changeImages('Site_centre_version_2_09', 'images/Site-centre-version-2_09-19.gif', 'Site_centre_version_2_10', 'images/Site-centre-version-2_10-25.gif', 'Site_centre_version_2_11', 'images/Site-centre-version-2_11-29.gif', '_quipe', 'images/équipe-bouton-équipe_over.gif', 'Site_centre_version_2_13',
'images/Site-centre-version-2_13-bo.gif', 'clsh', 'images/clsh-bouton-équipe_over.gif'); return true;"
onmouseout="changeImages('Site_centre_version_2_09', 'images/Site-centre-version-2_09.gif', 'Site_centre_version_2_10', 'images/Site-centre-version-2_10.gif', 'Site_centre_version_2_11', 'images/Site-centre-version-2_11.gif', '_quipe', 'images/équipe.gif', 'Site_centre_version_2_13', 'images/Site-centre-version-2_13.gif',
'clsh', 'images/clsh.gif'); return true;"
onmousedown="changeImages('Site_centre_version_2_09', 'images/Site-centre-version-2_09-19.gif', 'Site_centre_version_2_10', 'images/Site-centre-version-2_10-25.gif', 'Site_centre_version_2_11', 'images/Site-centre-version-2_11-29.gif', '_quipe', 'images/équipe-bouton-équipe_over.gif', 'Site_centre_version_2_13',
'images/Site-centre-version-2_13-bo.gif', 'clsh', 'images/clsh-bouton-équipe_over.gif'); return true;"
onmouseup="changeImages('Site_centre_version_2_09', 'images/Site-centre-version-2_09-19.gif', 'Site_centre_version_2_10', 'images/Site-centre-version-2_10-25.gif', 'Site_centre_version_2_11', 'images/Site-centre-version-2_11-29.gif', '_quipe', 'images/équipe-bouton-équipe_over.gif', 'Site_centre_version_2_13',
'images/Site-centre-version-2_13-bo.gif', 'clsh', 'images/clsh-bouton-équipe_over.gif'); return true;">
</map>
<map name="Site_centre_version_2_13_Map">
<area shape="poly" alt="une petite visite du centre???" coords="80,25, 76,51, 67,53, 64,68, -12,64, -8,40, -1,37, 2,21" href="http://www.clshlacayenne.fr" target="_blank"
onmouseover="changeImages('Site_centre_version_2_09', 'images/Site-centre-version-2_09-CL.gif', 'Site_centre_version_2_10', 'images/Site-centre-version-2_10-CL.gif', 'Site_centre_version_2_13', 'images/Site-centre-version-2_13-CL.gif', 'clsh', 'images/clsh-CLSH_over.gif', 'Site_centre_version_2_16', 'images/Site-centre-version-2_16-CL.gif',
'photo', 'images/photo-CLSH_over.gif'); return true;"
onmouseout="changeImages('Site_centre_version_2_09', 'images/Site-centre-version-2_09.gif', 'Site_centre_version_2_10', 'images/Site-centre-version-2_10.gif', 'Site_centre_version_2_13', 'images/Site-centre-version-2_13.gif', 'clsh', 'images/clsh.gif', 'Site_centre_version_2_16', 'images/Site-centre-version-2_16.gif',
'photo', 'images/photo.gif'); return true;"
onmousedown="changeImages('Site_centre_version_2_09', 'images/Site-centre-version-2_09-CL.gif', 'Site_centre_version_2_10', 'images/Site-centre-version-2_10-CL.gif', 'Site_centre_version_2_13', 'images/Site-centre-version-2_13-CL.gif', 'clsh', 'images/clsh-CLSH_over.gif', 'Site_centre_version_2_16', 'images/Site-centre-version-2_16-CL.gif',
'photo', 'images/photo-CLSH_over.gif'); return true;"
onmouseup="changeImages('Site_centre_version_2_09', 'images/Site-centre-version-2_09-CL.gif', 'Site_centre_version_2_10', 'images/Site-centre-version-2_10-CL.gif', 'Site_centre_version_2_13', 'images/Site-centre-version-2_13-CL.gif', 'clsh', 'images/clsh-CLSH_over.gif', 'Site_centre_version_2_16', 'images/Site-centre-version-2_16-CL.gif',
'photo', 'images/photo-CLSH_over.gif'); return true;">
<area shape="poly" alt="Trombinoscope de l'équipe" coords="80,-26, 76,0, 67,2, 64,17, -12,13, -8,-11, -1,-14, 2,-30" href="http://www.clshlacayenne.fr" target="_blank"
onmouseover="changeImages('Site_centre_version_2_09', 'images/Site-centre-version-2_09-19.gif', 'Site_centre_version_2_10', 'images/Site-centre-version-2_10-25.gif', 'Site_centre_version_2_11', 'images/Site-centre-version-2_11-29.gif', '_quipe', 'images/équipe-bouton-équipe_over.gif', 'Site_centre_version_2_13',
'images/Site-centre-version-2_13-bo.gif', 'clsh', 'images/clsh-bouton-équipe_over.gif'); return true;"
onmouseout="changeImages('Site_centre_version_2_09', 'images/Site-centre-version-2_09.gif', 'Site_centre_version_2_10', 'images/Site-centre-version-2_10.gif', 'Site_centre_version_2_11', 'images/Site-centre-version-2_11.gif', '_quipe', 'images/équipe.gif', 'Site_centre_version_2_13', 'images/Site-centre-version-2_13.gif',
'clsh', 'images/clsh.gif'); return true;"
onmousedown="changeImages('Site_centre_version_2_09', 'images/Site-centre-version-2_09-19.gif', 'Site_centre_version_2_10', 'images/Site-centre-version-2_10-25.gif', 'Site_centre_version_2_11', 'images/Site-centre-version-2_11-29.gif', '_quipe', 'images/équipe-bouton-équipe_over.gif', 'Site_centre_version_2_13',
'images/Site-centre-version-2_13-bo.gif', 'clsh', 'images/clsh-bouton-équipe_over.gif'); return true;"
onmouseup="changeImages('Site_centre_version_2_09', 'images/Site-centre-version-2_09-19.gif', 'Site_centre_version_2_10', 'images/Site-centre-version-2_10-25.gif', 'Site_centre_version_2_11', 'images/Site-centre-version-2_11-29.gif', '_quipe', 'images/équipe-bouton-équipe_over.gif', 'Site_centre_version_2_13',
'images/Site-centre-version-2_13-bo.gif', 'clsh', 'images/clsh-bouton-équipe_over.gif'); return true;">
</map>
<map name="clsh_Map">
<area shape="poly" alt="une petite visite du centre???" coords="80,3, 76,29, 67,31, 64,46, -12,42, -8,18, -1,15, 2,-1" href="http://www.clshlacayenne.fr" target="_blank"
onmouseover="changeImages('Site_centre_version_2_09', 'images/Site-centre-version-2_09-CL.gif', 'Site_centre_version_2_10', 'images/Site-centre-version-2_10-CL.gif', 'Site_centre_version_2_13', 'images/Site-centre-version-2_13-CL.gif', 'clsh', 'images/clsh-CLSH_over.gif', 'Site_centre_version_2_16', 'images/Site-centre-version-2_16-CL.gif',
'photo', 'images/photo-CLSH_over.gif'); return true;"
onmouseout="changeImages('Site_centre_version_2_09', 'images/Site-centre-version-2_09.gif', 'Site_centre_version_2_10', 'images/Site-centre-version-2_10.gif', 'Site_centre_version_2_13', 'images/Site-centre-version-2_13.gif', 'clsh', 'images/clsh.gif', 'Site_centre_version_2_16', 'images/Site-centre-version-2_16.gif',
'photo', 'images/photo.gif'); return true;"
onmousedown="changeImages('Site_centre_version_2_09', 'images/Site-centre-version-2_09-CL.gif', 'Site_centre_version_2_10', 'images/Site-centre-version-2_10-CL.gif', 'Site_centre_version_2_13', 'images/Site-centre-version-2_13-CL.gif', 'clsh', 'images/clsh-CLSH_over.gif', 'Site_centre_version_2_16', 'images/Site-centre-version-2_16-CL.gif',
'photo', 'images/photo-CLSH_over.gif'); return true;"
onmouseup="changeImages('Site_centre_version_2_09', 'images/Site-centre-version-2_09-CL.gif', 'Site_centre_version_2_10', 'images/Site-centre-version-2_10-CL.gif', 'Site_centre_version_2_13', 'images/Site-centre-version-2_13-CL.gif', 'clsh', 'images/clsh-CLSH_over.gif', 'Site_centre_version_2_16', 'images/Site-centre-version-2_16-CL.gif',
'photo', 'images/photo-CLSH_over.gif'); return true;">
</map>
<map name="Site_centre_version_2_16_Map">
<area shape="poly" alt="Quelques photos que vous pouvez regarder!!!" coords="80,24, 76,50, 67,52, 64,67, -12,63, -8,39, -1,36, 2,20" href="http://www.clshlacayenne.fr" target="_blank"
onmouseover="changeImages('photo', 'images/photo-Photos_over.gif'); return true;"
onmouseout="changeImages('photo', 'images/photo.gif'); return true;"
onmousedown="changeImages('photo', 'images/photo-Photos_over.gif'); return true;"
onmouseup="changeImages('photo', 'images/photo-Photos_over.gif'); return true;">
<area shape="poly" alt="une petite visite du centre???" coords="80,-26, 76,0, 67,2, 64,17, -12,13, -8,-11, -1,-14, 2,-30" href="http://www.clshlacayenne.fr" target="_blank"
onmouseover="changeImages('Site_centre_version_2_09', 'images/Site-centre-version-2_09-CL.gif', 'Site_centre_version_2_10', 'images/Site-centre-version-2_10-CL.gif', 'Site_centre_version_2_13', 'images/Site-centre-version-2_13-CL.gif', 'clsh', 'images/clsh-CLSH_over.gif', 'Site_centre_version_2_16', 'images/Site-centre-version-2_16-CL.gif',
'photo', 'images/photo-CLSH_over.gif'); return true;"
onmouseout="changeImages('Site_centre_version_2_09', 'images/Site-centre-version-2_09.gif', 'Site_centre_version_2_10', 'images/Site-centre-version-2_10.gif', 'Site_centre_version_2_13', 'images/Site-centre-version-2_13.gif', 'clsh', 'images/clsh.gif', 'Site_centre_version_2_16', 'images/Site-centre-version-2_16.gif',
'photo', 'images/photo.gif'); return true;"
onmousedown="changeImages('Site_centre_version_2_09', 'images/Site-centre-version-2_09-CL.gif', 'Site_centre_version_2_10', 'images/Site-centre-version-2_10-CL.gif', 'Site_centre_version_2_13', 'images/Site-centre-version-2_13-CL.gif', 'clsh', 'images/clsh-CLSH_over.gif', 'Site_centre_version_2_16', 'images/Site-centre-version-2_16-CL.gif',
'photo', 'images/photo-CLSH_over.gif'); return true;"
onmouseup="changeImages('Site_centre_version_2_09', 'images/Site-centre-version-2_09-CL.gif', 'Site_centre_version_2_10', 'images/Site-centre-version-2_10-CL.gif', 'Site_centre_version_2_13', 'images/Site-centre-version-2_13-CL.gif', 'clsh', 'images/clsh-CLSH_over.gif', 'Site_centre_version_2_16', 'images/Site-centre-version-2_16-CL.gif',
'photo', 'images/photo-CLSH_over.gif'); return true;">
</map>
<map name="photo_Map">
<area shape="poly" alt="Quelques photos que vous pouvez regarder!!!" coords="80,3, 76,29, 67,31, 64,46, -12,42, -8,18, -1,15, 2,-1" href="http://www.clshlacayenne.fr" target="_blank"
onmouseover="changeImages('photo', 'images/photo-Photos_over.gif'); return true;"
onmouseout="changeImages('photo', 'images/photo.gif'); return true;"
onmousedown="changeImages('photo', 'images/photo-Photos_over.gif'); return true;"
onmouseup="changeImages('photo', 'images/photo-Photos_over.gif'); return true;">
</map>
<map name="Site_centre_version_2_18_Map">
<area shape="poly" alt="Quelques photos que vous pouvez regarder!!!" coords="80,-26, 76,0, 67,2, 64,17, -12,13, -8,-11, -1,-14, 2,-30" href="http://www.clshlacayenne.fr" target="_blank"
onmouseover="changeImages('photo', 'images/photo-Photos_over.gif'); return true;"
onmouseout="changeImages('photo', 'images/photo.gif'); return true;"
onmousedown="changeImages('photo', 'images/photo-Photos_over.gif'); return true;"
onmouseup="changeImages('photo', 'images/photo-Photos_over.gif'); return true;">
</map>
<map name="video_Map">
<area shape="poly" alt="Un peu de video" coords="80,4, 76,30, 67,32, 64,47, -12,43, -8,19, -1,16, 2,0" href="http://www.clshlacayenne.fr" target="_blank"
onmouseover="changeImages('Site_centre_version_2_09', 'images/Site-centre-version-2_09-vi.gif', 'Site_centre_version_2_10', 'images/Site-centre-version-2_10-vi.gif', 'photo', 'images/photo-video_over.gif', 'Site_centre_version_2_18', 'images/Site-centre-version-2_18-vi.gif', 'video', 'images/video-over.gif', 'Site_centre_version_2_20',
'images/Site-centre-version-2_20-vi.gif', 'Site_centre_version_2_21', 'images/Site-centre-version-2_21-vi.gif'); return true;"
onmouseout="changeImages('Site_centre_version_2_09', 'images/Site-centre-version-2_09.gif', 'Site_centre_version_2_10', 'images/Site-centre-version-2_10.gif', 'photo', 'images/photo.gif', 'Site_centre_version_2_18', 'images/Site-centre-version-2_18.gif', 'video', 'images/video.gif', 'Site_centre_version_2_20', 'images/Site-centre-version-2_20.gif',
'Site_centre_version_2_21', 'images/Site-centre-version-2_21.gif'); return true;"
onmousedown="changeImages('Site_centre_version_2_09', 'images/Site-centre-version-2_09-vi.gif', 'Site_centre_version_2_10', 'images/Site-centre-version-2_10-vi.gif', 'photo', 'images/photo-video_over.gif', 'Site_centre_version_2_18', 'images/Site-centre-version-2_18-vi.gif', 'video', 'images/video-over.gif', 'Site_centre_version_2_20',
'images/Site-centre-version-2_20-vi.gif', 'Site_centre_version_2_21', 'images/Site-centre-version-2_21-vi.gif'); return true;"
onmouseup="changeImages('Site_centre_version_2_09', 'images/Site-centre-version-2_09-vi.gif', 'Site_centre_version_2_10', 'images/Site-centre-version-2_10-vi.gif', 'photo', 'images/photo-video_over.gif', 'Site_centre_version_2_18', 'images/Site-centre-version-2_18-vi.gif', 'video', 'images/video-over.gif', 'Site_centre_version_2_20',
'images/Site-centre-version-2_20-vi.gif', 'Site_centre_version_2_21', 'images/Site-centre-version-2_21-vi.gif'); return true;">
</map>
<map name="Site_centre_version_2_20_Map">
<area shape="poly" alt="Vous voulez revoir une session...y'a plus qu'à choisir!!!" coords="82,25, 78,51, 69,53, 66,68, -10,64, -6,40, 1,37, 4,21" href="http://www.clshlacayenne.fr" target="_blank"
onmouseover="changeImages('Site_centre_version_2_09', 'images/Site-centre-version-2_09-Se.gif', 'Site_centre_version_2_10', 'images/Site-centre-version-2_10-Se.gif', 'Site_centre_version_2_20', 'images/Site-centre-version-2_20-Se.gif', 'Site_centre_version_2_21', 'images/Site-centre-version-2_21-Se.gif', 'session', 'images/session-Sessions_over.gif',
'Site_centre_version_2_23', 'images/Site-centre-version-2_23-Se.gif', 'Site_centre_version_2_24', 'images/Site-centre-version-2_24-Se.gif', 'Site_centre_version_2_25', 'images/Site-centre-version-2_25-Se.gif', 'balle', 'images/balle-Sessions_over.gif'); return true;"
onmouseout="changeImages('Site_centre_version_2_09', 'images/Site-centre-version-2_09.gif', 'Site_centre_version_2_10', 'images/Site-centre-version-2_10.gif', 'Site_centre_version_2_20', 'images/Site-centre-version-2_20.gif', 'Site_centre_version_2_21', 'images/Site-centre-version-2_21.gif', 'session', 'images/session.gif',
'Site_centre_version_2_23', 'images/Site-centre-version-2_23.gif', 'Site_centre_version_2_24', 'images/Site-centre-version-2_24.gif', 'Site_centre_version_2_25', 'images/Site-centre-version-2_25.gif', 'balle', 'images/balle.gif'); return true;"
onmousedown="changeImages('Site_centre_version_2_09', 'images/Site-centre-version-2_09-Se.gif', 'Site_centre_version_2_10', 'images/Site-centre-version-2_10-Se.gif', 'Site_centre_version_2_20', 'images/Site-centre-version-2_20-Se.gif', 'Site_centre_version_2_21', 'images/Site-centre-version-2_21-Se.gif', 'session', 'images/session-Sessions_over.gif',
'Site_centre_version_2_23', 'images/Site-centre-version-2_23-Se.gif', 'Site_centre_version_2_24', 'images/Site-centre-version-2_24-Se.gif', 'Site_centre_version_2_25', 'images/Site-centre-version-2_25-Se.gif', 'balle', 'images/balle-Sessions_over.gif'); return true;"
onmouseup="changeImages('Site_centre_version_2_09', 'images/Site-centre-version-2_09-Se.gif', 'Site_centre_version_2_10', 'images/Site-centre-version-2_10-Se.gif', 'Site_centre_version_2_20', 'images/Site-centre-version-2_20-Se.gif', 'Site_centre_version_2_21', 'images/Site-centre-version-2_21-Se.gif', 'session', 'images/session-Sessions_over.gif',
'Site_centre_version_2_23', 'images/Site-centre-version-2_23-Se.gif', 'Site_centre_version_2_24', 'images/Site-centre-version-2_24-Se.gif', 'Site_centre_version_2_25', 'images/Site-centre-version-2_25-Se.gif', 'balle', 'images/balle-Sessions_over.gif'); return true;">
<area shape="poly" alt="Un peu de video" coords="80,-26, 76,0, 67,2, 64,17, -12,13, -8,-11, -1,-14, 2,-30" href="http://www.clshlacayenne.fr" target="_blank"
onmouseover="changeImages('Site_centre_version_2_09', 'images/Site-centre-version-2_09-vi.gif', 'Site_centre_version_2_10', 'images/Site-centre-version-2_10-vi.gif', 'photo', 'images/photo-video_over.gif', 'Site_centre_version_2_18', 'images/Site-centre-version-2_18-vi.gif', 'video', 'images/video-over.gif', 'Site_centre_version_2_20',
'images/Site-centre-version-2_20-vi.gif', 'Site_centre_version_2_21', 'images/Site-centre-version-2_21-vi.gif'); return true;"
onmouseout="changeImages('Site_centre_version_2_09', 'images/Site-centre-version-2_09.gif', 'Site_centre_version_2_10', 'images/Site-centre-version-2_10.gif', 'photo', 'images/photo.gif', 'Site_centre_version_2_18', 'images/Site-centre-version-2_18.gif', 'video', 'images/video.gif', 'Site_centre_version_2_20', 'images/Site-centre-version-2_20.gif',
'Site_centre_version_2_21', 'images/Site-centre-version-2_21.gif'); return true;"
onmousedown="changeImages('Site_centre_version_2_09', 'images/Site-centre-version-2_09-vi.gif', 'Site_centre_version_2_10', 'images/Site-centre-version-2_10-vi.gif', 'photo', 'images/photo-video_over.gif', 'Site_centre_version_2_18', 'images/Site-centre-version-2_18-vi.gif', 'video', 'images/video-over.gif', 'Site_centre_version_2_20',
'images/Site-centre-version-2_20-vi.gif', 'Site_centre_version_2_21', 'images/Site-centre-version-2_21-vi.gif'); return true;"
onmouseup="changeImages('Site_centre_version_2_09', 'images/Site-centre-version-2_09-vi.gif', 'Site_centre_version_2_10', 'images/Site-centre-version-2_10-vi.gif', 'photo', 'images/photo-video_over.gif', 'Site_centre_version_2_18', 'images/Site-centre-version-2_18-vi.gif', 'video', 'images/video-over.gif', 'Site_centre_version_2_20',
'images/Site-centre-version-2_20-vi.gif', 'Site_centre_version_2_21', 'images/Site-centre-version-2_21-vi.gif'); return true;">
</map>
<map name="Site_centre_version_2_21_Map">
<area shape="poly" alt="Vous voulez revoir une session...y'a plus qu'à choisir!!!" coords="82,3, 78,29, 69,31, 66,46, -10,42, -6,18, 1,15, 4,-1" href="http://www.clshlacayenne.fr" target="_blank"
onmouseover="changeImages('Site_centre_version_2_09', 'images/Site-centre-version-2_09-Se.gif', 'Site_centre_version_2_10', 'images/Site-centre-version-2_10-Se.gif', 'Site_centre_version_2_20', 'images/Site-centre-version-2_20-Se.gif', 'Site_centre_version_2_21', 'images/Site-centre-version-2_21-Se.gif', 'session', 'images/session-Sessions_over.gif',
'Site_centre_version_2_23', 'images/Site-centre-version-2_23-Se.gif', 'Site_centre_version_2_24', 'images/Site-centre-version-2_24-Se.gif', 'Site_centre_version_2_25', 'images/Site-centre-version-2_25-Se.gif', 'balle', 'images/balle-Sessions_over.gif'); return true;"
onmouseout="changeImages('Site_centre_version_2_09', 'images/Site-centre-version-2_09.gif', 'Site_centre_version_2_10', 'images/Site-centre-version-2_10.gif', 'Site_centre_version_2_20', 'images/Site-centre-version-2_20.gif', 'Site_centre_version_2_21', 'images/Site-centre-version-2_21.gif', 'session', 'images/session.gif',
'Site_centre_version_2_23', 'images/Site-centre-version-2_23.gif', 'Site_centre_version_2_24', 'images/Site-centre-version-2_24.gif', 'Site_centre_version_2_25', 'images/Site-centre-version-2_25.gif', 'balle', 'images/balle.gif'); return true;"
onmousedown="changeImages('Site_centre_version_2_09', 'images/Site-centre-version-2_09-Se.gif', 'Site_centre_version_2_10', 'images/Site-centre-version-2_10-Se.gif', 'Site_centre_version_2_20', 'images/Site-centre-version-2_20-Se.gif', 'Site_centre_version_2_21', 'images/Site-centre-version-2_21-Se.gif', 'session', 'images/session-Sessions_over.gif',
'Site_centre_version_2_23', 'images/Site-centre-version-2_23-Se.gif', 'Site_centre_version_2_24', 'images/Site-centre-version-2_24-Se.gif', 'Site_centre_version_2_25', 'images/Site-centre-version-2_25-Se.gif', 'balle', 'images/balle-Sessions_over.gif'); return true;"
onmouseup="changeImages('Site_centre_version_2_09', 'images/Site-centre-version-2_09-Se.gif', 'Site_centre_version_2_10', 'images/Site-centre-version-2_10-Se.gif', 'Site_centre_version_2_20', 'images/Site-centre-version-2_20-Se.gif', 'Site_centre_version_2_21', 'images/Site-centre-version-2_21-Se.gif', 'session', 'images/session-Sessions_over.gif',
'Site_centre_version_2_23', 'images/Site-centre-version-2_23-Se.gif', 'Site_centre_version_2_24', 'images/Site-centre-version-2_24-Se.gif', 'Site_centre_version_2_25', 'images/Site-centre-version-2_25-Se.gif', 'balle', 'images/balle-Sessions_over.gif'); return true;">
</map>
<map name="session_Map">
<area shape="poly" alt="Vous voulez revoir une session...y'a plus qu'à choisir!!!" coords="80,3, 76,29, 67,31, 64,46, -12,42, -8,18, -1,15, 2,-1" href="http://www.clshlacayenne.fr" target="_blank"
onmouseover="changeImages('Site_centre_version_2_09', 'images/Site-centre-version-2_09-Se.gif', 'Site_centre_version_2_10', 'images/Site-centre-version-2_10-Se.gif', 'Site_centre_version_2_20', 'images/Site-centre-version-2_20-Se.gif', 'Site_centre_version_2_21', 'images/Site-centre-version-2_21-Se.gif', 'session', 'images/session-Sessions_over.gif',
'Site_centre_version_2_23', 'images/Site-centre-version-2_23-Se.gif', 'Site_centre_version_2_24', 'images/Site-centre-version-2_24-Se.gif', 'Site_centre_version_2_25', 'images/Site-centre-version-2_25-Se.gif', 'balle', 'images/balle-Sessions_over.gif'); return true;"
onmouseout="changeImages('Site_centre_version_2_09', 'images/Site-centre-version-2_09.gif', 'Site_centre_version_2_10', 'images/Site-centre-version-2_10.gif', 'Site_centre_version_2_20', 'images/Site-centre-version-2_20.gif', 'Site_centre_version_2_21', 'images/Site-centre-version-2_21.gif', 'session', 'images/session.gif',
'Site_centre_version_2_23', 'images/Site-centre-version-2_23.gif', 'Site_centre_version_2_24', 'images/Site-centre-version-2_24.gif', 'Site_centre_version_2_25', 'images/Site-centre-version-2_25.gif', 'balle', 'images/balle.gif'); return true;"
onmousedown="changeImages('Site_centre_version_2_09', 'images/Site-centre-version-2_09-Se.gif', 'Site_centre_version_2_10', 'images/Site-centre-version-2_10-Se.gif', 'Site_centre_version_2_20', 'images/Site-centre-version-2_20-Se.gif', 'Site_centre_version_2_21', 'images/Site-centre-version-2_21-Se.gif', 'session', 'images/session-Sessions_over.gif',
'Site_centre_version_2_23', 'images/Site-centre-version-2_23-Se.gif', 'Site_centre_version_2_24', 'images/Site-centre-version-2_24-Se.gif', 'Site_centre_version_2_25', 'images/Site-centre-version-2_25-Se.gif', 'balle', 'images/balle-Sessions_over.gif'); return true;"
onmouseup="changeImages('Site_centre_version_2_09', 'images/Site-centre-version-2_09-Se.gif', 'Site_centre_version_2_10', 'images/Site-centre-version-2_10-Se.gif', 'Site_centre_version_2_20', 'images/Site-centre-version-2_20-Se.gif', 'Site_centre_version_2_21', 'images/Site-centre-version-2_21-Se.gif', 'session', 'images/session-Sessions_over.gif',
'Site_centre_version_2_23', 'images/Site-centre-version-2_23-Se.gif', 'Site_centre_version_2_24', 'images/Site-centre-version-2_24-Se.gif', 'Site_centre_version_2_25', 'images/Site-centre-version-2_25-Se.gif', 'balle', 'images/balle-Sessions_over.gif'); return true;">
</map>
<map name="Site_centre_version_2_24_Map">
<area shape="poly" alt="Vous voulez revoir une session...y'a plus qu'à choisir!!!" coords="80,-26, 76,0, 67,2, 64,17, -12,13, -8,-11, -1,-14, 2,-30" href="http://www.clshlacayenne.fr" target="_blank"
onmouseover="changeImages('Site_centre_version_2_09', 'images/Site-centre-version-2_09-Se.gif', 'Site_centre_version_2_10', 'images/Site-centre-version-2_10-Se.gif', 'Site_centre_version_2_20', 'images/Site-centre-version-2_20-Se.gif', 'Site_centre_version_2_21', 'images/Site-centre-version-2_21-Se.gif', 'session', 'images/session-Sessions_over.gif',
'Site_centre_version_2_23', 'images/Site-centre-version-2_23-Se.gif', 'Site_centre_version_2_24', 'images/Site-centre-version-2_24-Se.gif', 'Site_centre_version_2_25', 'images/Site-centre-version-2_25-Se.gif', 'balle', 'images/balle-Sessions_over.gif'); return true;"
onmouseout="changeImages('Site_centre_version_2_09', 'images/Site-centre-version-2_09.gif', 'Site_centre_version_2_10', 'images/Site-centre-version-2_10.gif', 'Site_centre_version_2_20', 'images/Site-centre-version-2_20.gif', 'Site_centre_version_2_21', 'images/Site-centre-version-2_21.gif', 'session', 'images/session.gif',
'Site_centre_version_2_23', 'images/Site-centre-version-2_23.gif', 'Site_centre_version_2_24', 'images/Site-centre-version-2_24.gif', 'Site_centre_version_2_25', 'images/Site-centre-version-2_25.gif', 'balle', 'images/balle.gif'); return true;"
onmousedown="changeImages('Site_centre_version_2_09', 'images/Site-centre-version-2_09-Se.gif', 'Site_centre_version_2_10', 'images/Site-centre-version-2_10-Se.gif', 'Site_centre_version_2_20', 'images/Site-centre-version-2_20-Se.gif', 'Site_centre_version_2_21', 'images/Site-centre-version-2_21-Se.gif', 'session', 'images/session-Sessions_over.gif',
'Site_centre_version_2_23', 'images/Site-centre-version-2_23-Se.gif', 'Site_centre_version_2_24', 'images/Site-centre-version-2_24-Se.gif', 'Site_centre_version_2_25', 'images/Site-centre-version-2_25-Se.gif', 'balle', 'images/balle-Sessions_over.gif'); return true;"
onmouseup="changeImages('Site_centre_version_2_09', 'images/Site-centre-version-2_09-Se.gif', 'Site_centre_version_2_10', 'images/Site-centre-version-2_10-Se.gif', 'Site_centre_version_2_20', 'images/Site-centre-version-2_20-Se.gif', 'Site_centre_version_2_21', 'images/Site-centre-version-2_21-Se.gif', 'session', 'images/session-Sessions_over.gif',
'Site_centre_version_2_23', 'images/Site-centre-version-2_23-Se.gif', 'Site_centre_version_2_24', 'images/Site-centre-version-2_24-Se.gif', 'Site_centre_version_2_25', 'images/Site-centre-version-2_25-Se.gif', 'balle', 'images/balle-Sessions_over.gif'); return true;">
</map>
<!-- End ImageReady Slices -->
</body>
</html>

En clair, comment écrit-on que je veut que tel tranche se répète en fonction de la longueur de mon texte en HTML?

J'espère avoir été plus clair ;)

merci du coup de main :super:
iSkean
  
   
      ?   ^   @     Posté le 01/02/2008 14:56:24  
Voter pour ce message
Créer un site web avec l'aide du Site du Zéro

On fait pas un site avec Image Ready :heink:
-->Message édité par iSkean le 01/02/2008 14:57:33<--
-------
*°[ iSkean - Infographiste Maquettiste Web / Print ]°*
cervent
  
  :-)
      ?   @     Posté le 02/02/2008 21:35:22  
Voter pour ce message
salut à tous


aie ! aie ! 300 lignes pour afficher un environnement visuel alors qu'il en suffirait de 10 avec css.

je crains golum_2003 que tu t'embarques dans une impasse ou un puits sans fond (au choix)

Essaye pluôt d'avancer prudemment mais surement comme le fait par exemple fannzy

Bon courrage
ervent
Beno@
  
  :-)
      ?   @     Posté le 03/02/2008 10:40:18  
Voter pour ce message
personnellement je redécoupe toutes mes images à la main sous photoshop en cachant ou montrant uniquement les calques que je veux
et ensuite je positionne avec du css
<     1       >

01net > Forum de 01net > Programmation et développement > HTML / Javascript
> Probleme de développement s'un site sur photoshop

Aller à :

Page générée en : 0.214s - X2board 2.2

Nous contacter | Charte de confiance | Voir notice légale

Tous droits réservés © 1999 - 2008 Groupe Tests - 01net.


Sites du réseau 01net Network : 01net - 01men - Rmc.fr - Bfmtv.fr - Radiobfm.com - TousLesPodcasts - Micro Achat

Antivirus
La protection familiale de référence contre les virus, les logiciels espions et le vos d'informations.
Conseils
Découvrez plus de 300 astuces pour Windows (XP et Vista) et vos logiciels préférés