17552 sujets

Questions générales et questions de débutants

[Résolu] Problème effet zoom sur image

28 Oct 2019 à 19:30
Je viens de régler un souci zoom et marquée. Maintenant un autre problème se pose à moi.
Je souhaiterai, si c'est possible éviter que tout le contenu de mon site bouge au zoom image.
Est il possible que l'image passe au dessus de tout le reste lorsque la souris passe sur l'image.
http://safptlocal83130.free.fr/
Je me suis dt en insérant un tableau, ça résoudrait... mais non en fait.
SI quelqu'un a une idée, pour ne pas mettre le code entier de la page, dites moi quelle partie je dois insérer ici.
merci
29 Oct 2019 à 02:42
Son code un peut vieillot c'est

<!DOCTYPE html"-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr"><head><!-- DEBUT --><style type="text/css">
.ejs_context_menuitems{padding-left:10px; padding-right:7px; }
</style>
<script language="JavaScript1.2">
ejs_context_elemt = new Array;
ejs_context_elemt[0] = 'Création protégée par safpt local|document.location.href=\'http://safptlocal83130.free.fr/\'';
function ejs_context_position(e)
	{
	ejs_context_x = (navigator.appName.substring(0,3) == "Net") ? e.pageX : event.x+document.body.scrollLeft;
	ejs_context_y = (navigator.appName.substring(0,3) == "Net") ? e.pageY : event.y+document.body.scrollTop;
	}

function ejs_context_open()
	{
	document.getElementById("ejs_context_box").style.top = ejs_context_y;
	document.getElementById("ejs_context_box").style.left = ejs_context_x;
	document.getElementById("ejs_context_ombre").style.top = ejs_context_y+3;
	document.getElementById("ejs_context_ombre").style.left = ejs_context_x+3;
	document.getElementById("ejs_context_box").style.visibility = "visible";
	document.getElementById("ejs_context_ombre").style.visibility = "visible";
	return(false);
	}

function ejs_context_close()
	{
	if (document.getElementById)
		{
		document.getElementById("ejs_context_box").style.top = 0;
		document.getElementById("ejs_context_box").style.left = 0;
		document.getElementById("ejs_context_ombre").style.top = 0;
		document.getElementById("ejs_context_ombre").style.left = 0;
		document.getElementById("ejs_context_box").style.visibility = "hidden";
		document.getElementById("ejs_context_ombre").style.visibility = "hidden";
		}
	}

function ejs_context_hl(mode, element)
	{
	if(mode == 1)
		{
		element.style.background = '#0000ff';
		element.style.color = '#ffffff';
		}
	else
		{
		element.style.background ='#0000ff';
		element.style.color = '#00ffff';
		}
	}

if(navigator.appName.substring(0,3) == "Net")
	document.captureEvents(Event.MOUSEMOVE);
</script>
<!-- FIN -->
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<meta http-equiv="Content-Language" content="fr" />
<meta name="identifier-url" content="http://safptlocal83130.free.fr/index.html" />
<meta http-equiv="refresh" content="100" />
<meta http-equiv="Cache-control" content="public/private/no-cache/no-store" />
<meta name="title" content="SAFPT local" />
<meta name="description" content="Site du SAFPT local des agents territoriaux de la ville La Garde. Grilles indiciaires fonction publique territoriale, hygiène et sécurité, informations divers, tracts, documentations" />
<meta name="abstract" content="site du SAFPT de La Garde" />
<meta name="keywords" content="SAFPT, syndicat, SAFPT local, LA GARDE, VAR, grilles indiciaires de la fonction publique territoriale, fonction publique territoriale, FPT,Syndicat autonome de la fonction publique territoriale, 83130" /><meta name="author" content="safpt local" /><meta name="language" content="FR" /><meta name="copyright" content="© safptlocal83130" /><meta name="robots" content="All" /><title>http://safptlocal83130.free.fr/index.html</title><!-- chargement des feuilles de style --><link href="helper.css" media="screen" rel="stylesheet" type="text/css" /><link href="dropdown.vertical.css" media="screen" rel="stylesheet" type="text/css" /><link href="default.css" media="screen" rel="stylesheet" type="text/css" /><style type="text/css">
body,td,th {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #0000ff;
}
h1,h2,h3,h4,h5,h6 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}
body {
	background-image: url(images/background1.jpg);
	background-attachment: scroll;
	background-repeat: no-repeat, repeat-y;
	margin-left: 0px;
	margin-top: 0px;
}
a {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #0000FF;
	font-weight: bold;
}
a:link {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #0000FF;
}
a:visited {
	color: #000FFF;
}
a:hover {
	color: #00CC00;
}
.police {	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
}
.police {	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
}
.auto-style5 {
	font-family: "Trebuchet MS";
	font-weight: bold;
}
.auto-style2 {
	font-size: medium;
}
.auto-style9 {
	font-family: "Trebuchet MS";
	font-weight: bold;
	font-size: medium;
}
.auto-style14 {
	font-family: "Trebuchet MS";
}
.auto-style15 {
	font-size: small;
	color: #FF0000;
	font-style: italic;
}
.auto-style6 {
	font-size: medium;
	color: #0000FF;
}
.auto-style7 {
	color: #0000FF;
}
.auto-style16 {
	font-family: "Trebuchet MS";
	font-size: small;
	color: #FF0000;
	font-style: italic;
}
.auto-style17 {
	font-size: small;
	font-style: italic;
}
a:active {
	color: #0000FF;
}
</style>
<!-- DEBUT --><base target="_self" /></head><div id=ejs_context_box style="z-index:500;position:absolute;width:160px; border:2px solid #5D5D61; background-color:#00cc00; font-family:Trebuchet MS; font-size:14px; cursor:default; visibility:hidden;padding:3"><font face="Trebuchet MS"><script LANGUAGE="JavaScript" type="text/JavaScript">
ejs_context_ombre_txt = '';
for(a=0;a<ejs_context_elemt.length;a++)
	{
	if(ejs_context_elemt[a].indexOf("|") > 0)
		{
		splited = new Array;
		splited = ejs_context_elemt[a].split("|");
		document.write('<div class="ejs_context_menuitems" onClick="'+splited[1]+'" onMouseOver="ejs_context_hl(1, this)" onMouseOut="ejs_context_hl(0, this)">'+splited[0]+'</div>');
		ejs_context_ombre_txt += '<div class="ejs_context_menuitems">'+splited[0]+'</div>';
		}
	else
		{
		document.write('<div class="ejs_context_menuitems" onClick="'+splited[1]+'" onMouseOver="ejs_context_hl(1, this)" onMouseOut="ejs_context_hl(0, this)"><hr width="195" size="1" color="9D9DA1" /></div>');
		ejs_context_ombre_txt += '<div class="ejs_context_menuitems"><hr width="195" size="1" color="9D9DA1" /></div>';
		}
	}
document.write('</div><div id=ejs_context_ombre style="z-index:400;position:absolute;width:160px; border:1px solid #5D5D61; background-color:#5D5D61; font-family:Microsoft sans serif; font-size:12px; color:#5D5D61 ;cursor:default; visibility:hidden;padding:3">'+ejs_context_ombre_txt+'</div>');

// EVENEMENTS
document.onmousemove = ejs_context_position;
document.oncontextmenu = ejs_context_open;
document.onclick = ejs_context_close;
</script>
</font></div><!-- FIN --><script src="file:///C:/Users/olivier/Documents/safpt/Scripts/swfobject_modified.js" type="text/javascript"></script>
<script type="text/javascript">
function MM_swapImgRestore() { //v3.0
  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}
function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

function MM_findObj(n, d) { //v4.01
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_swapImage() { //v3.0
  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
</script>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /></head><body text="#0000FF" link="#0000FF" vlink="#00CC00" alink="#0000FF" style="background-attachment: scroll; " onload="MM_preloadImages('boutons3/accueil2.gif','boutons3/informations2.gif','boutons3/sub courriers2.png','boutons3/sub tracts2.png','boutons3/safpt local2.png','boutons3/sub historique2.gif','boutons3/sub bureau2.gif','boutons3/sub instances paritaires2.gif','boutons3/cadre.png','boutons3/sub administratif2.gif','boutons3/sub cat A2.gif','boutons3/sub cat B2.gif','boutons3/sub cat C2.gif','boutons3/sub cat hors cadre2.gif','boutons3/sub technique2.gif','boutons3/sub police municipale2.gif','boutons3/sub culturel2.gif','boutons3/sub animation2.gif','boutons3/sub sportif2.gif','boutons3/sub medicosocial2.gif','boutons3/grilles indiciaires2.gif','boutons3/documentation2.gif','boutons3/sub agents2.gif','boutons3/sub traitement2.gif','boutons3/sub conabse2.gif','boutons3/sub formations2.gif','boutons3/sub hysecur2.gif','boutons3/sub divers2.gif','boutons3/sub utilitaires2.gif','boutons3/sub cap2.gif','boutons3/sub ct2.gif','boutons3/sub chsct2.gif','boutons3/sub web2.gif','boutons3/contacts2.gif','boutons3/liens2.gif','boutons3/siege national2.gif','boutons3/gbutton4.gif')"><p align="center">
<a target="_blank" href="http://www.safpt.org/">
<img border="0" src="images/LOGO%202015%20SAFPT.jpg" width="173" height="92" align="left"></a></p>
&nbsp;<div align="center">
		<marquee behavior="scroll" direction="vertical" width="100%" scrollamount="5" scrolldelay="100" loop="0" onmouseover="this.stop()" onmouseout="this.start()">
<p>
<img src="photos/la%20garde%201%20bis.jpg" onmouseover="this.src='photos/la%20garde%201.jpg'" onmouseout="this.src='photos/la%20garde%201%20bis.jpg'" />
<img src="photos/la%20garde%202%20bis.jpg" onmouseover="this.src='photos/la%20garde%202.jpg'" onmouseout="this.src='photos/la%20garde%202%20bis.jpg'" />
<img src="photos/la%20garde%204%20bis.jpg" onmouseover="this.src='photos/la%20garde%204.jpg'" onmouseout="this.src='photos/la%20garde%204%20bis.jpg'" />
<img src="photos/la%20garde%205%20bis.jpg" onmouseover="this.src='photos/la%20garde%205.jpg'" onmouseout="this.src='photos/la%20garde%205%20bis.jpg'" />
<img src="photos/la%20garde%206%20bis.jpg" onmouseover="this.src='photos/la%20garde%206.jpg'" onmouseout="this.src='photos/la%20garde%206%20bis.jpg'" />
<img src="photos/la%20garde%207%20bis.jpg" onmouseover="this.src='photos/la%20garde%207.jpg'" onmouseout="this.src='photos/la%20garde%207%20bis.jpg'" />
<img src="photos/la%20garde%208%20bis.jpg" onmouseover="this.src='photos/la%20garde%208.jpg'" onmouseout="this.src='photos/la%20garde%208%20bis.jpg'" />
<img src="photos/la%20garde%209%20bis.jpg" onmouseover="this.src='photos/la%20garde%209.jpg'" onmouseout="this.src='photos/la%20garde%209%20bis.jpg'" />
<img src="photos/la%20garde%2010%20bis.jpg" onmouseover="this.src='photos/la%20garde%2010.jpg'" onmouseout="this.src='photos/la%20garde%2010%20bis.jpg'" />
<img src="photos/la%20garde%2011%20bis.jpg" onmouseover="this.src='photos/la%20garde%2011.jpg'" onmouseout="this.src='photos/la%20garde%2011%20bis.jpg'" />
<img src="photos/la%20garde%2012%20bis.jpg" onmouseover="this.src='photos/la%20garde%2012.jpg'" onmouseout="this.src='photos/la%20garde%2012%20bis.jpg'" />
<img src="photos/la%20garde%2013%20bis.jpg" onmouseover="this.src='photos/la%20garde%2013.jpg'" onmouseout="this.src='photos/la%20garde%2013%20bis.jpg'" />
<img src="photos/la%20garde%2014%20bis.jpg" onmouseover="this.src='photos/la%20garde%2014.jpg'" onmouseout="this.src='photos/la%20garde%2014%20bis.jpg'" />
<img src="photos/la%20garde%2015%20bis.jpg" onmouseover="this.src='photos/la%20garde%2015.jpg'" onmouseout="this.src='photos/la%20garde%2015%20bis.jpg'" />
<img src="photos/la%20garde%2016%20bis.jpg" onmouseover="this.src='photos/la%20garde%2016.jpg'" onmouseout="this.src='photos/la%20garde%2016%20bis.jpg'" />
<img src="photos/la%20garde%2017%20bis.jpg" onmouseover="this.src='photos/la%20garde%2017.jpg'" onmouseout="this.src='photos/la%20garde%2017%20bis.jpg'" />
<img src="photos/la%20garde%2018%20bis.jpg" onmouseover="this.src='photos/la%20garde%2018.jpg'" onmouseout="this.src='photos/la%20garde%2018%20bis.jpg'" />
<img src="photos/la%20garde%2019%20bis.jpg" onmouseover="this.src='photos/la%20garde%2019.jpg'" onmouseout="this.src='photos/la%20garde%2019%20bis.jpg'" />
<img src="photos/la%20garde%2021%20bis.jpg" onmouseover="this.src='photos/la%20garde%2021.jpg'" onmouseout="this.src='photos/la%20garde%2021%20bis.jpg'" />
<img src="photos/la%20garde%2022%20bis.jpg" onmouseover="this.src='photos/la%20garde%2022.jpg'" onmouseout="this.src='photos/la%20garde%2022%20bis.jpg'" />
<img src="photos/la%20garde%2023%20bis.jpg" onmouseover="this.src='photos/la%20garde%2023.jpg'" onmouseout="this.src='photos/la%20garde%2023%20bis.jpg'" />
<p></p></marquee>
</td>
	</tr>
</table>

	<p><span class="dropdown-vertical"><a target="_blank" href="http://www.ville-lagarde.fr/"><img src="images/la-garde-83.gif" alt="" width="116" height="166" align="right" border="0" /></a></span></div>

<p align="center">
<!--<![endif]--></p></object></p><div align="center"><span class="dropdown-vertical">
	Passer la souris sur les photos pour les agrandir.<p></p></span></div><p align="right"> </font></p><font size="3" behavior="slide"><ul class="dropdown dropdown-vertical" id="nav" name="nav"><li class="dir"><a onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image5','','boutons3/safpt local2.png',1)" target="_self" href="index.html"><img src="images/safpt%20local.png" width="154" height="39" id="Image5" align="absmiddle" /></a> <ul><!-- n2 --><a onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image6','','boutons3/sub historique2.gif',1)" target="_self" href="historique.html"><img src="images/sub%20historique.gif" width="124" height="34" id="Image6" /></a> <!-- n2 --><a href="bureau.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image7','','boutons3/sub bureau2.gif',1)"><img src="images/sub%20bureau.gif" width="124" height="34" id="Image7" /></a> <!-- n2 --><a onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image8','','boutons3/sub instances paritaires2.gif',1)" target="_self" href="instances-paritaires.html"><img src="images/sub%20instances%20paritaires.gif" width="124" height="34" id="Image8" /></a> </ul></li><li class="dir"><a onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image2','','boutons3/informations2.gif',1)" target="_self" href="informations.html"><img src="images/informations.gif" width="154" height="39" id="Image2" align="absmiddle" /></a><!-- n1 --> <ul><!-- n2 --><a href="courriers.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image3','','boutons3/sub courriers2.png',1)"><img src="images/sub%20courriers.png" width="124" height="34" id="Image3" /></a><!-- n2 --> <!-- n2 --><a href="tracts.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image4','','boutons3/sub tracts2.png',1)"><img src="images/sub%20tracts.png" width="124" height="34" id="Image4" /></a><!-- n2 --> <!-- n2 --><a href="archives.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image120','','boutons3/sub archives2.gif',1)"><img src="boutons3/sub archives.gif" width="124" height="34" id="Image120" /></a><!-- n2 --> </ul></li><li class="dir"><a onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image68','','boutons3/cadre.png',1)" target="_self" href="cadre-emploi.html"><img src="images/cadre%20d'emploi.png" width="154" height="39" id="Image68" align="absmiddle" /></a><ul><li class="dir"><a onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image10','','boutons3/sub administratif2.gif',1)" target="_self" href="administratif.html"><img src="images/sub%20administratif.gif" width="124" height="34" id="Image10" /></a> <ul><!-- n2 --><a onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image11','','boutons3/sub cat A2.gif',1)" target="_self" href="categorie-A-adm.html"><img src="images/sub%20cat%20A.gif" width="124" height="34" id="Image11" /></a><!-- n2 --> <!-- n2 --><a onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image12','','boutons3/sub cat B2.gif',1)" target="_self" href="categorie-B-adm.html"><img src="images/sub%20cat%20B.gif" width="124" height="34" id="Image12" /></a><!-- n2 --> <!-- n2 --><a onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image13','','boutons3/sub cat C2.gif',1)" target="_self" href="categorie-C-adm.html"><img src="images/sub%20cat%20C.gif" width="124" height="34" id="Image13" /></a><!-- n2 --> </ul></li><li class="dir"><a onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image15','','boutons3/sub technique2.gif',1)" target="_self" href="technique.html"><img src="images/sub%20technique.gif" width="124" height="34" id="Image15" /></a> <ul><!-- n2 --><a onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image16','','boutons3/sub cat A2.gif',1)" target="_self" href="categorie-A-gtec.html"><img src="images/sub%20cat%20A.gif" width="124" height="34" id="Image16" /></a><!-- n2 --> <!-- n2 --><a onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image17','','boutons3/sub cat B2.gif',1)" target="_self" href="categorie-B-gtec.html"><img src="images/sub%20cat%20B.gif" width="124" height="34" id="Image17" /></a><!-- n2 --> <!-- n2 --><a onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image18','','boutons3/sub cat C2.gif',1)" target="_self" href="categorie-C-tec.html"><img src="images/sub%20cat%20C.gif" width="124" height="34" id="Image18" /></a><!-- n2 --> </ul></li><li class="dir"><a onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image20','','boutons3/sub police municipale2.gif',1)" target="_self" href="police-municipale.html"><img src="images/sub%20police%20municipale.gif" width="124" height="34" id="Image20" /></a><ul><!-- n2 --><a onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image21','','boutons3/sub cat A2.gif',1)" target="_self" href="categorie-A-pm.html"><img src="images/sub%20cat%20A.gif" width="124" height="34" id="Image21" /></a><!-- n2 --> <!-- n2 --><a onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image22','','boutons3/sub cat B2.gif',1)" target="_self" href="categorie-B-pm.html"><img src="images/sub%20cat%20B.gif" width="124" height="34" id="Image22" /></a><!-- n2 --> <!-- n2 --><a onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image23','','boutons3/sub cat C2.gif',1)" target="_self" href="categorie-C-pm.html"><img src="images/sub%20cat%20C.gif" width="124" height="34" id="Image23" /></a><!-- n2 --> </ul></li><li class="dir"><a onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image25','','boutons3/sub culturel2.gif',1)" target="_self" href="culturel.html"><img src="images/sub%20culturel.gif" width="124" height="34" id="Image25" /></a> <ul><!-- n2 --><a onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image26','','boutons3/sub cat A2.gif',1)" target="_self" href="categorie-A-cult.html"><img src="images/sub%20cat%20A.gif" width="124" height="34" id="Image26" /></a><!-- n2 --> <!-- n2 --><a onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image27','','boutons3/sub cat B2.gif',1)" target="_self" href="categorie-B-cult.html"><img src="images/sub%20cat%20B.gif" width="124" height="34" id="Image27" /></a><!-- n2 --> <!-- n2 --><a onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image28','','boutons3/sub cat C2.gif',1)" target="_self" href="categorie-C-cult.html"><img src="images/sub%20cat%20C.gif" width="124" height="34" id="Image28" /></a><!-- n2 --> </ul></li><li class="dir"><a onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image30','','boutons3/sub animation2.gif',1)" target="_self" href="animation.html"><img src="images/sub%20animation.gif" width="124" height="34" id="Image30" /></a> <ul><!-- n2 --><a onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image31','','boutons3/sub cat A2.gif',1)" target="_self" href="categorie-A-ani.html"><img src="images/sub%20cat%20A.gif" width="124" height="34" id="Image31" /></a><!-- n2 --> <!-- n2 --><a onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image32','','boutons3/sub cat B2.gif',1)" target="_self" href="categorie-B-ani.html"><img src="images/sub%20cat%20B.gif" width="124" height="34" id="Image32" /></a><!-- n2 --> <!-- n2 --><a onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image33','','boutons3/sub cat C2.gif',1)" target="_self" href="categorie-C-ani.html"><img src="images/sub%20cat%20C.gif" width="124" height="34" id="Image33" /></a><!-- n2 --> </ul></li><li class="dir"><a onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image35','','boutons3/sub sportif2.gif',1)" target="_self" href="sportif.html"><img src="images/sub%20sportif.gif" width="124" height="34" id="Image35" /></a> <ul><!-- n2 --><a onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image36','','boutons3/sub cat A2.gif',1)" target="_self" href="categorie-A-spo.html"><img src="images/sub%20cat%20A.gif" width="124" height="34" id="Image36" /></a><!-- n2 --> <!-- n2 --><a onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image37','','boutons3/sub cat B2.gif',1)" target="_self" href="categorie-B-spo.html"><img src="images/sub%20cat%20B.gif" width="124" height="34" id="Image37" /></a><!-- n2 --> <!-- n2 --><a onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image38','','boutons3/sub cat C2.gif',1)" target="_self" href="categorie-C-spo.html"><img src="images/sub%20cat%20C.gif" width="124" height="34" id="Image38" /></a><!-- n2 --> </ul></li><li class="dir"><a onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image40','','boutons3/sub medicosocial2.gif',1)" target="_self" href="medico-social.html"><img src="images/sub%20medicosocial.gif" width="124" height="34" id="Image40" /></a> <ul><!-- n2 --><a onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image41','','boutons3/sub cat A2.gif',1)" target="_self" href="categorie-A-ms.html"><img src="images/sub%20cat%20A.gif" width="124" height="34" id="Image41" /></a><!-- n2 --> <!-- n2 --><a onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image42','','boutons3/sub cat B2.gif',1)" target="_self" href="categorie-B-ms.html"><img src="images/sub%20cat%20B.gif" width="124" height="34" id="Image42" /></a><!-- n2 --> <!-- n2 --><a onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image43','','boutons3/sub cat C2.gif',1)" target="_self" href="categorie-C-ms.html"><img src="images/sub%20cat%20C.gif" width="124" height="34" id="Image43" /></a><!-- n2 --> </ul></li></ul></li><li class="dir"><a onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image46','','boutons3/documentation2.gif',1)" target="_self" href="documents.html"><img src="images/documentation.gif" width="154" height="39" id="Image46" align="absmiddle" /></a><!-- n1 --> <ul><!-- n2 --><a onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image83','','boutons3/sub agents2.gif',1)" target="_self" href="agents.html"><img src="images/sub%20agents.gif" width="124" height="34" id="Image83" /></a><!-- n2 --> <!-- n2 --><a onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image84','','boutons3/sub traitement2.gif',1)" target="_self" href="traitement.html"><img src="images/sub%20traitement.gif" width="124" height="34" id="Image84" /></a><!-- n2 --> <!-- n2 --><a onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image85','','boutons3/sub conabse2.gif',1)" target="_self" href="conges-absences.html"><img src="images/sub%20conabse.gif" width="124" height="34" id="Image85" /></a><!-- n2 --> <!-- n2 --><a onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image87','','boutons3/sub hysecur2.gif',1)" target="_self" href="hygiene-securite.html"><img src="images/sub%20hysecur.gif" width="124" height="34" id="Image87" /></a><!-- n2 --> <!-- n2 --><a onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image89','','boutons3/sub utilitaires2.gif',1)" target="_self" href="utilitaires.html"><img src="images/sub%20utilitaires.gif" width="124" height="34" id="Image89" /></a><!-- n2 --> <!-- n2 --><a onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image88','','boutons3/sub divers2.gif',1)" target="_self" href="divers.html"><img src="images/sub%20divers.gif" width="124" height="34" id="Image88" /></a><!-- n2 --> </ul></li><li class="dir"><a onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image45','','boutons3/grilles indiciaires2.gif',1)" target="_self" href="grilles-indiciaires.html"><img src="images/grilles%20indiciaires.gif" width="154" height="39" id="Image45" align="absmiddle" /></a> <ul><li class="dir"></a><a onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image47','','boutons3/sub administratif2.gif',1)" href="gadministratif.html"><img src="images/sub%20administratif.gif" width="124" height="34" id="Image47" /></a> <ul><!-- n2 --><a onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image48','','boutons3/sub cat A2.gif',1)" target="_self" href="categorie-A-gadm.html"><img src="images/sub%20cat%20A.gif" width="124" height="34" id="Image48" /></a><!-- n2 --> <!-- n2 --><a onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image49','','boutons3/sub cat B2.gif',1)" target="_self" href="categorie-B-gadm.html"><img src="images/sub%20cat%20B.gif" width="124" height="34" id="Image49" /></a><!-- n2 --> <!-- n2 --><a onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image50','','boutons3/sub cat C2.gif',1)" target="_self" href="categorie-C-gadm.html"><img src="images/sub%20cat%20C.gif" width="124" height="34" id="Image50" /></a><!-- n2 --> </ul></li><li class="dir"></a><a onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image52','','boutons3/sub technique2.gif',1)" href="gtechnique.html"><img src="images/sub%20technique.gif" width="124" height="34" id="Image52" /></a> <ul><!-- n2 --><a onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image53','','boutons3/sub cat A2.gif',1)" href="categorie-A-gtec.html"><img src="images/sub%20cat%20A.gif" width="124" height="34" id="Image53" /></a><!-- n2 --> <!-- n2 --><a onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image54','','boutons3/sub cat B2.gif',1)" href="categorie-B-gtec.html"><img src="images/sub%20cat%20B.gif" width="124" height="34" id="Image54" /></a><!-- n2 --> <!-- n2 --><a onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image55','','boutons3/sub cat C2.gif',1)" href="categorie-C-gtec.html"><img src="images/sub%20cat%20C.gif" width="124" height="34" id="Image55" /></a><!-- n2 --> <!-- n2 --><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image56','','boutons3/sub cat hors cadre2.gif',1)"><img src="images/sub%20cat%20hors%20cadre.gif" width="124" height="34" id="Image56" /></a> </ul></li><li class="dir"><a onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image57','','boutons3/sub police municipale2.gif',1)" href="gpolice-municipale.html"><img src="images/sub%20police%20municipale.gif" width="124" height="34" id="Image57" /></a> <ul><!-- n2 --><a onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image58','','boutons3/sub cat A2.gif',1)" target="_self" href="categorie-A-gpm.html"><img src="images/sub%20cat%20A.gif" width="124" height="34" id="Image58" /></a><!-- n2 --> <!-- n2 --><a onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image59','','boutons3/sub cat B2.gif',1)" target="_self" href="categorie-B-gpm.html"><img src="images/sub%20cat%20B.gif" width="124" height="34" id="Image59" /></a><!-- n2 --> <!-- n2 --><a onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image60','','boutons3/sub cat C2.gif',1)" target="_self" href="categorie-C-gpm.html"><img src="images/sub%20cat%20C.gif" width="124" height="34" id="Image60" /></a><!-- n2 --> </ul></li><li class="dir"><a onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image62','','boutons3/sub culturel2.gif',1)" href="gculturel.html"><img src="images/sub%20culturel.gif" width="124" height="34" id="Image62" /></a> <ul><!-- n2 --><a onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image63','','boutons3/sub cat A2.gif',1)" target="_self" href="categorie-A-gcult.html"><img src="images/sub%20cat%20A.gif" width="124" height="34" id="Image63" /></a><!-- n2 --> <!-- n2 --><a onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image64','','boutons3/sub cat B2.gif',1)" target="_self" href="categorie-B-gcult.html"><img src="images/sub%20cat%20B.gif" width="124" height="34" id="Image64" /></a><!-- n2 --> <!-- n2 --><a onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image65','','boutons3/sub cat C2.gif',1)" target="_self" href="categorie-C-gcult.html"><img src="images/sub%20cat%20C.gif" width="124" height="34" id="Image65" /></a><!-- n2 --> </ul></li><li class="dir"><a onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image67','','boutons3/sub animation2.gif',1)" href="ganimation.html"><img src="images/sub%20animation.gif" width="124" height="34" id="Image67" /></a> <ul><!-- n2 --><a onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image70','','boutons3/sub cat A2.gif',1)" target="_self" href="categorie-A-gani.html"><img src="images/sub%20cat%20A.gif" width="124" height="34" id="Image70" /></a><!-- n2 --> <!-- n2 --><a onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image71','','boutons3/sub cat B2.gif',1)" target="_self" href="categorie-B-gani.html"><img src="images/sub%20cat%20B.gif" width="124" height="34" id="Image71" /></a><!-- n2 --> <!-- n2 --><a onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image72','','boutons3/sub cat C2.gif',1)" target="_self" href="categorie-C-gani.html"><img src="images/sub%20cat%20C.gif" width="124" height="34" id="Image72" /></a><!-- n2 --> </ul></li><li class="dir"><a onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image74','','boutons3/sub sportif2.gif',1)" href="gsportif.html"><img src="images/sub%20sportif.gif" width="124" height="34" id="Image74" /></a> <ul><!-- n2 --><a onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image75','','boutons3/sub cat A2.gif',1)" target="_self" href="categorie-A-gspo.html"><img src="images/sub%20cat%20A.gif" width="124" height="34" id="Image75" /></a><!-- n2 --> <!-- n2 --><a onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image76','','boutons3/sub cat B2.gif',1)" target="_self" href="categorie-B-gspo.html"><img src="images/sub%20cat%20B.gif" width="124" height="34" id="Image76" /></a><!-- n2 --> <!-- n2 --><a onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image77','','boutons3/sub cat C2.gif',1)" target="_self" href="categorie-C-gspo.html"><img src="images/sub%20cat%20C.gif" width="124" height="34" id="Image77" /></a><!-- n2 --> </ul></li><li class="dir"><a onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image69','','boutons3/sub medicosocial2.gif',1)" href="gmedico-social.html"><img src="images/sub%20medicosocial.gif" width="124" height="34" id="Image69" /></a> <ul><!-- n2 --><a onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image79','','boutons3/sub cat A2.gif',1)" target="_self" href="categorie-A-gms.html"><img src="images/sub%20cat%20A.gif" width="124" height="34" id="Image79" /></a><!-- n2 --> <!-- n2 --><a onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image80','','boutons3/sub cat B2.gif',1)" target="_self" href="categorie-B-gms.html"><img src="images/sub%20cat%20B.gif" width="124" height="34" id="Image80" /></a><!-- n2 --> <!-- n2 --><a onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image81','','boutons3/sub cat C2.gif',1)" target="_self" href="categorie-C-gms.html"><img src="images/sub%20cat%20C.gif" width="124" height="34" id="Image81" /></a><!-- n2 --> </ul></li></ul><li><a onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image96','','boutons3/siege national2.gif',1)" target="_blank" href="http://www.safpt.org/"><img src="images/siege%20national.gif" width="154" height="39" id="Image96" align="absmiddle" /></a> </li><li><a onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image95','','boutons3/liens2.gif',1)" target="_self" href="liens.html"><img src="images/liens.gif" width="154" height="39" id="Image95" align="absmiddle" /></a></li><li class="dir"><a onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image94','','boutons3/contacts2.gif',1)" href="contacts.html"><img src="images/contact.gif" width="154" height="39" id="Image94" align="absmiddle" /></a> <ul><p align="center"><!-- n2 --><a onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image90','','boutons3/sub cap2.gif',1)" href="mailto:cap-lagarde@safpt.org"><img src="images/sub%20cap.gif" width="124" height="34" id="Image90" /></a><!-- n2 --> <!-- n2 --><a onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image91','','boutons3/sub ct2.gif',1)" href="mailto:ct-lagarde@safpt.org"><img src="images/sub%20ct.gif" width="124" height="34" id="Image91" /></a><!-- n2 --> <!-- n2 --><a onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image92','','boutons3/sub chsct2.gif',1)" href="mailto:chsct-lagarde@safpt.org"><img src="images/sub%20chsct.gif" width="124" height="34" id="Image92" /></a><!-- n2 --> <!-- n2 --><a onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image93','','boutons3/sub web2.gif',1)" href="mailto:safptlocal83130@free.fr"><img src="images/sub%20web.gif" width="124" height="34" id="Image93" /></a><!-- n2 --> <!-- n2 --><a onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image100','','boutons3/sub siege local2.gif',1)" href="mailto:section-lagarde@safpt.org"><img src="boutons3/sub siege local.gif" width="124" height="34" id="Image100" /></a></p><p align="center"></p><!-- n2 --></ul></li></ul><div align="center">
<div style="overflow: auto; width:1015px; height:638px"><div align="center"><table width="1000" border="2" cellpadding="0" bordercolorlight="#0000FF" bordercolordark="#0000FF" class="classic" style="
   background-position: center; border:2px solid #0000FF; cellspacing=; color:#0000FF; background-color:#0000FF; background-image:url('images/la%20garde3.jpg'); background-attachment:fixed; padding-left:2px; padding-right:0px; padding-top:1px; padding-bottom:0px; text-align:center" cellspacing="0" height="600"><tr><td width="1000" align="center" bordercolorlight="#0000FF" bordercolordark="#0000FF" class="police" style="border: 3px solid #0000FF; padding-left: 4px; padding-right: 4px">
		<div align="center">
					<p><b>
					<span style="font-size: 13pt; font-weight: 700" auto-style8">
					<font size="4" behavior="slide">
					<img border="0" src="boutons3/Blanc_megaphone.gif" width="145" height="180"></font></span></b></div>
		<div align="center">
					<p>
					<b>
					<font size="3" behavior="slide">
					<span style="font-size: 13pt; font-weight: 700" auto-style8">
					<font size="4" behavior="slide">
					<img border="0" src="boutons3/new1.gif" width="60" height="33">
					Le bulletin de demande d'adhésion ou de renouvellement 2020 
			est en ligne</font></span></font></b>                     
					<p><font size="2" color="#FF0000"><b>( en bas de la page: cliquez sur rejoignez nous)</b>
					</font>                     		
			</div>
		<div align="center">
					<p><font size="3" behavior="slide">
					<font size="4" behavior="slide">
					<b>
					<span style="font-size: 13pt; font-weight: 700" auto-style8">
					<img border="0" src="boutons3/new1.gif" width="60" height="33">
					</span></b></font>
					<font behavior="slide">
					<span style="font-size: 13pt; " auto-style8">
					<a target="_blank" href="documentation/site_calculateur_GIPA_2019.xlsx">
					<span style="font-size: 13pt">GIPA 2019</span></a></span></font></font></div>
		<div align="center">
					<p><b>
					<span style="font-size: 13pt; font-weight: 700" auto-style8">
					<font size="4" behavior="slide">
					<img border="0" src="boutons3/new1.gif" width="60" height="33"></font></span></b><font size="3" behavior="slide">
					<b><a style="font-size: 13pt" href="divers.html">Lettre 
					mensuelle DGAFP</a></b> </font><b>
					<font size="2" behavior="slide" color="#FF0000">
					( Direction Générale de l'Administration et de la Fonction 
					Publique)</font></b></div>
		<div align="center">
					<p>
					<img border="0" src="boutons3/infos.gif" width="40" height="40">
					<b>L<font style="font-size: 13pt">a collectivité ne souhaite 
					pas nous donner 
					l'autorisation de mettre sur le site certaines infos, 
					autorisations d'absences/congés/absences, par exemple...
					</font> </b></div>
		<div align="center">
					<p><b><font style="font-size: 13pt">Il faut donc se renseigner auprès de votre chef de 
					service ou avec la RH pour avoir ces informations.</font></b></div>
		<b>
					<span style="font-size: 13pt; font-weight: 700" auto-style8">
					<font size="4" behavior="slide">
					<span style="font-size: 13pt"><font style="font-size: 13pt" size="2"><span class="auto-style8"><span style="font-size: 13pt; font-weight: 700"><p></p></span></span></font></span></font></td></tr></table></div></div><div align="center"></div><div align="center"></div><div align="center"></div><script type="text/javascript">
swfobject.registerObject("FlashID");
</script>
<!-- DEBUT --><div id=ejs_context_box style="z-index:500;position:absolute;width:160px; border:2px solid #5D5D61; background-color:#00cc00; font-family:Trebuchet MS; font-size:14px; cursor:default; visibility:hidden;padding:3"><font face="Trebuchet MS"><script LANGUAGE="JavaScript" type="text/JavaScript">
ejs_context_ombre_txt = '';
for(a=0;a<ejs_context_elemt.length;a++)
	{
	if(ejs_context_elemt[a].indexOf("|") > 0)
		{
		splited = new Array;
		splited = ejs_context_elemt[a].split("|");
		document.write('<div class="ejs_context_menuitems" onClick="'+splited[1]+'" onMouseOver="ejs_context_hl(1, this)" onMouseOut="ejs_context_hl(0, this)">'+splited[0]+'</div>');
		ejs_context_ombre_txt += '<div class="ejs_context_menuitems">'+splited[0]+'</div>';
		}
	else
		{
		document.write('<div class="ejs_context_menuitems" onClick="'+splited[1]+'" onMouseOver="ejs_context_hl(1, this)" onMouseOut="ejs_context_hl(0, this)"><hr width="195" size="1" color="9D9DA1" /></div>');
		ejs_context_ombre_txt += '<div class="ejs_context_menuitems"><hr width="195" size="1" color="9D9DA1" /></div>';
		}
	}
document.write('</div><div id=ejs_context_ombre style="z-index:400;position:absolute;width:160px; border:1px solid #5D5D61; background-color:#5D5D61; font-family:Microsoft sans serif; font-size:12px; color:#5D5D61 ;cursor:default; visibility:hidden;padding:3">'+ejs_context_ombre_txt+'</div>');

// EVENEMENTS
document.onmousemove = ejs_context_position;
document.oncontextmenu = ejs_context_open;
document.onclick = ejs_context_close;
</script>
	<b><a href="documentation/demande adhesion 2020.pdf" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image200','','boutons3/gbutton4.gif',1)"><img src="boutons3/gbutton1.gif" alt="" width="154" height="39" id="Image200" /></a><a href="www.safpt-ur-paca.org/index.htm" target=
              "_blank"><img src=
              "http://perso0.free.fr/cgi-bin/wwwcount.cgi?df=[SAFPT%20UL%20LA%20GARDE].dat&amp;display=counterignore=X.X.X.X"
              hspace="10" border="0" /></a><img src=
              "http://perso0.free.fr/cgi-bin/wwwcount.cgi?df=[SAFPT%20LA%20GARDE].dat&amp;display=date&amp;dformat=DDMMYY"
              hspace="30" border="0" /><img src=
              "http://perso0.free.fr/cgi-bin/wwwcount.cgi?df=[SAFPT%20LA%20GARDE].dat&amp;display=clock|tformat=24"
              border="0" /></b>&nbsp; </p></div><a target="_blank" href=
            "http://safpt.org/webmail/index.php?lid=7&amp;tid=2&amp;f_user=&amp;six=&amp;f_email="><img border="0" src="images/E.mail%202.jpg" align="right" width="134" height="109" /></a><p></p><p align="center">Votre adresse IP : <span><script type="text/javascript" src=
            "http://scriptsdegiga24.free.fr/ip/ip.php">
              </script>
</span></p>
                                                     </font>
<span style="background-color: #00FF00"><b><font size="4" behavior="slide"><u>Crédit photos:</u> Merci à Hervé DERMOUNE 
photographie pour ses superbes photos de la ville de LA GARDE</font>
<font face="Trebuchet MS" size="3" color="#0000FF">:</font><a style="color: #000FFF; font-weight: bold" href="https://www.facebook.com/Herve.Dermoune.Photographies/"><font size="4">https://www.facebook.com/Herve.Dermoune.Photographies/ 
</font></a> 
<script>
  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
  })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');

  ga('create', 'UA-98891290-1', 'auto');
  ga('send', 'pageview');
</script>
<!-- Google Analytics -->
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','https://www.google-analytics.com/analytics.js','ga');

ga('create', 'UA-XXXXX-Y', 'auto');
ga('send', 'pageview');
</script>
<!-- End Google Analytics --></b></span><p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p><font size="3" behavior="slide"></body></html>
29 Oct 2019 à 09:13
bonjour, oui il est vieillot, il y aurait sûrement des améliorations à faire. Mais bon voilà, je suis restreint dans les techniques de codage.
Pour l'heure ce qui ne me plait pas c'est lorsque le zoom se fait, toute la page bouge Smiley decu J'avais trouver un code ( highslide ) mais après, ça me génère d'autres problèmes Smiley decu
La partie du code qui me gène:
<marquee behavior="scroll" direction="vertical" width="100%" scrollamount="5" scrolldelay="100" loop="0" onmouseover="this.stop()" onmouseout="this.start()">
<p>
<img src="photos/la%20garde%201%20bis.jpg" onmouseover="this.src='photos/la%20garde%201.jpg'" onmouseout="this.src='photos/la%20garde%201%20bis.jpg'" />
<img src="photos/la%20garde%202%20bis.jpg" onmouseover="this.src='photos/la%20garde%202.jpg'" onmouseout="this.src='photos/la%20garde%202%20bis.jpg'" />
<img src="photos/la%20garde%204%20bis.jpg" onmouseover="this.src='photos/la%20garde%204.jpg'" onmouseout="this.src='photos/la%20garde%204%20bis.jpg'" />
<img src="photos/la%20garde%205%20bis.jpg" onmouseover="this.src='photos/la%20garde%205.jpg'" onmouseout="this.src='photos/la%20garde%205%20bis.jpg'" />
<img src="photos/la%20garde%206%20bis.jpg" onmouseover="this.src='photos/la%20garde%206.jpg'" onmouseout="this.src='photos/la%20garde%206%20bis.jpg'" />
<img src="photos/la%20garde%207%20bis.jpg" onmouseover="this.src='photos/la%20garde%207.jpg'" onmouseout="this.src='photos/la%20garde%207%20bis.jpg'" />
<img src="photos/la%20garde%208%20bis.jpg" onmouseover="this.src='photos/la%20garde%208.jpg'" onmouseout="this.src='photos/la%20garde%208%20bis.jpg'" />
<img src="photos/la%20garde%209%20bis.jpg" onmouseover="this.src='photos/la%20garde%209.jpg'" onmouseout="this.src='photos/la%20garde%209%20bis.jpg'" />
<img src="photos/la%20garde%2010%20bis.jpg" onmouseover="this.src='photos/la%20garde%2010.jpg'" onmouseout="this.src='photos/la%20garde%2010%20bis.jpg'" />
<img src="photos/la%20garde%2011%20bis.jpg" onmouseover="this.src='photos/la%20garde%2011.jpg'" onmouseout="this.src='photos/la%20garde%2011%20bis.jpg'" />
<img src="photos/la%20garde%2012%20bis.jpg" onmouseover="this.src='photos/la%20garde%2012.jpg'" onmouseout="this.src='photos/la%20garde%2012%20bis.jpg'" />
<img src="photos/la%20garde%2013%20bis.jpg" onmouseover="this.src='photos/la%20garde%2013.jpg'" onmouseout="this.src='photos/la%20garde%2013%20bis.jpg'" />
<img src="photos/la%20garde%2014%20bis.jpg" onmouseover="this.src='photos/la%20garde%2014.jpg'" onmouseout="this.src='photos/la%20garde%2014%20bis.jpg'" />
<img src="photos/la%20garde%2015%20bis.jpg" onmouseover="this.src='photos/la%20garde%2015.jpg'" onmouseout="this.src='photos/la%20garde%2015%20bis.jpg'" />
<img src="photos/la%20garde%2016%20bis.jpg" onmouseover="this.src='photos/la%20garde%2016.jpg'" onmouseout="this.src='photos/la%20garde%2016%20bis.jpg'" />
<img src="photos/la%20garde%2017%20bis.jpg" onmouseover="this.src='photos/la%20garde%2017.jpg'" onmouseout="this.src='photos/la%20garde%2017%20bis.jpg'" />
<img src="photos/la%20garde%2018%20bis.jpg" onmouseover="this.src='photos/la%20garde%2018.jpg'" onmouseout="this.src='photos/la%20garde%2018%20bis.jpg'" />
<img src="photos/la%20garde%2019%20bis.jpg" onmouseover="this.src='photos/la%20garde%2019.jpg'" onmouseout="this.src='photos/la%20garde%2019%20bis.jpg'" />
<img src="photos/la%20garde%2021%20bis.jpg" onmouseover="this.src='photos/la%20garde%2021.jpg'" onmouseout="this.src='photos/la%20garde%2021%20bis.jpg'" />
<img src="photos/la%20garde%2022%20bis.jpg" onmouseover="this.src='photos/la%20garde%2022.jpg'" onmouseout="this.src='photos/la%20garde%2022%20bis.jpg'" />
<img src="photos/la%20garde%2023%20bis.jpg" onmouseover="this.src='photos/la%20garde%2023.jpg'" onmouseout="this.src='photos/la%20garde%2023%20bis.jpg'" />
<p></p></marquee>


J'aurai aimé que le reste ne bouge pas ( décalage dés que la souris passe dessus)
merci
29 Oct 2019 à 11:31
Oui je comprends très bien,Personnellement je testerait si mon site (sans rien changer) supporterait le HTML5.
Mets ceci et testes.(supprime ce qui correspond dans ta version actuelle)

<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!--[if IE]>
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<![endif]-->

Donc:
Ce déplacement est très gênant alors crées un div display none 'pas hide !!! mais display et crées toi un minuscule javascript qui à une deux fonctions voir(limg) et cacher (limg) ce div est bloqué en top 0 et Left 0
si tu veux de l'aide dis le
29 Oct 2019 à 12:09
Jean-Pierre-Bruneau a écrit :
Oui je comprends très bien,Personnellement je testerait si mon site (sans rien changer) supporterait le HTML5.
Mets ceci et testes.(supprime ce qui correspond dans ta version actuelle)

&lt;!DOCTYPE html&gt;
&lt;html lang="fr"&gt;
&lt;head&gt;
&lt;meta charset="UTF-8"&gt;
&lt;meta name="viewport" content="width=device-width, initial-scale=1.0"&gt;
&lt;!--[if IE]&gt;
&lt;meta http-equiv="X-UA-Compatible" content="IE=edge"&gt;
&lt;![endif]--&gt;

Donc:
Ce déplacement est très gênant alors crées un div display none 'pas hide !!! mais display et crées toi un minuscule javascript qui à une deux fonctions voir(limg) et cacher (limg) ce div est bloqué en top 0 et Left 0
si tu veux de l'aide dis le


le code a été modifié, maintenant des ? à la place des minuscules avec accent!
En ce qui concerne créer un div display none' c'est là que....... D'ou mon inscription en mode débutant.
Ce que tu me dis, me fait penser à mon menu, le survol, sans agrandissement, mais rien ne bouge, je me trompe?
29 Oct 2019 à 13:13
Testes ceci, sans rien d'autre tu verra ça marche !!

<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!--[if IE]>
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<![endif]-->
<style>
div.LePave { 
top=0;
left=0;
display="none";
width=100%;
height="auto";
}
</style>
</head><body>

<div id="LePave_hd" name="LePave_hd" class="LePave">
</div>

<script type="text/javascript">
function voir(xx)
{
document.getElementById('LePave_hd').innerHTML ="<img src='"+xx+"' onclick='voirfin();' />";    
document.getElementById('LePave_hd').style.display="block";
}

function voirfin()
{
document.getElementById('LePave_hd').style.display="none";
}

</script>
<marquee behavior="scroll" direction="vertical" width="100%" scrollamount="5" scrolldelay="100" loop="0" onmouseover="this.stop()" onmouseout="this.start()">
<p>
<img src="androide300.jpg" onclick="voir('responsive.jpg');return false "  />
<img src="androide300.jpg" onclick="voir('responsive.jpg');return false "  />
<img src="androide300.jpg" onclick="voir('responsive.jpg');return false "  />
<img src="androide300.jpg" onclick="voir('responsive.jpg');return false "  />
</p></marquee>
</body></html>
29 Oct 2019 à 14:08
je me suis permis, de faire autrement chose avec ce code, tu pourras me dire ce que tu en penses, les amateurs ou débutants ont parfois des idées un peu saugrenues.
(survol et non click) 
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!--[if IE]>
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<![endif]-->
<style>
div.LePave { 
top=0;
left=0;
display="none";
width=100%;
height="auto";
}
</style>
</head><body>
<div id="LePave_hd" name="LePave_hd" class="LePave">
</div>
<script type="text/javascript">
function voir(xx)
{
document.getElementById('LePave_hd').innerHTML ="<img src='"+xx+"' onmouseout='voirfin();' />";    
document.getElementById('LePave_hd').style.display="block";
}
function voirfin()
{
document.getElementById('LePave_hd').style.display="none";
}
</script>
<marquee behavior="scroll" direction="vertical" width="100%" scrollamount="5" scrolldelay="100" loop="0" onmouseover="this.stop()" onmouseout="this.start()">
<p>
<img src="photos/la%20garde%201%20bis.jpg" onmouseover="voir('photos/la%20garde%201.jpg');return false "  />
<img src="photos/la%20garde%202%20bis.jpg" onmouseover="voir('photos/la%20garde%202.jpg');return false "  />
<img src="photos/la%20garde%203%20bis.jpg" onmouseover="voir('photos/la%20garde%203.jpg');return false "  />
<img src="photos/la%20garde%204%20bis.jpg" onmouseover="voir('photos/la%20garde%204.jpg');return false "  />
</p></marquee>
</body></html>

Le fait que l'image apparaisse à l'opposer me plait bien. Rien que pour ça un grand merci
Ceci dit, ça décale le reste Smiley decu N'est pas possible que l'image agrandit, reste au dessus de tout le reste ? Comme si c'était un popup) ce serait donc un lien? je pense!
29 Oct 2019 à 19:08
Je pense avoir trouvé quelque chose de plus rapprochant pour éviter cet effet visuel pas top
<div class=zoom>
 <div class=image>
 <img src="photos/la garde 1 bis.jpg" width="120" height="79" alt=""/>
 </div>
</div>

@charset "utf-8";
.zoom {
width: 400px;
height: 280px;
}
.image {
width: 200%;
height: 200%;
}
.image img {
/* La transition s'applique à la fois sur la largeur et la hauteur, avec une durée d'une seconde. */
-webkit-transition: all 1s ease; /* Safari et Chrome */
-moz-transition: all 1s ease; /* Firefox */
-ms-transition: all 1s ease; /* Internet Explorer 9 */
-o-transition: all 1s ease; /* Opera */
-e-transition: all 1s ease; /* Edge */
}
.image:hover img {
/* L'image est grossie de 25% */
-webkit-transform:scale(2); /* Safari et Chrome */
-moz-transform:scale(2); /* Firefox */
-ms-transform:scale(2); /* Internet Explorer 9 */
-o-transform:scale(2); /* Opera */
-e-transform:scale(2); /* Edge */
}


Seul bémol, l'image agrandie est un peu... Je vais encore chercher....
Dites moi!
merci
31 Oct 2019 à 11:33
Jean-Pierre-Bruneau a écrit :
Oui je comprends très bien,Personnellement je testerait si mon site (sans rien changer) supporterait le HTML5.
Mets ceci et testes.(supprime ce qui correspond dans ta version actuelle)

&lt;!DOCTYPE html&gt;
&lt;html lang="fr"&gt;
&lt;head&gt;
&lt;meta charset="UTF-8"&gt;
&lt;meta name="viewport" content="width=device-width, initial-scale=1.0"&gt;
&lt;!--[if IE]&gt;
&lt;meta http-equiv="X-UA-Compatible" content="IE=edge"&gt;
&lt;![endif]--&gt;

Donc:
Ce déplacement est très gênant alors crées un div display none 'pas hide !!! mais display et crées toi un minuscule javascript qui à une deux fonctions voir(limg) et cacher (limg) ce div est bloqué en top 0 et Left 0
si tu veux de l'aide dis le

Après mur réflexion un effet zoom serait le plus approprié.

Je serai donc d'avis de faire ceci:

<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<!--[if IE]>
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<![endif]-->
<link href="test css.css" rel="stylesheet" type="text/css">
</head>
<body>
<marquee behavior="scroll" direction="vertical" width="100%" scrollamount="5" scrolldelay="100" loop="0" onmouseover="this.stop()" onmouseout="this.start()">
<p>
<div class="zoom">
<img src="file:///F:/safpt/photos/la%20garde1bis.jpg" width="200" height="133"> 
<img src="file:///F:/safpt/photos/la%20garde2bis.jpg" width="200" height="133">
<img src="file:///F:/safpt/photos/la%20garde3bis.jpg" width="200" height="133"> 
<img src="file:///F:/safpt/photos/la%20garde4bis.jpg" width="200" height="133">
</div>
</div>
</p></marquee>
</body>
</html>




charset="UTF-8">
.zoom {
width: 250px;
height: 170px;
}
.image {
width: 100%;
height: 100%;
}
.zoom img {
-webkit-transition: all 1s ease; /* Safari et Chrome */
-moz-transition: all 1s ease; /* Firefox */
-ms-transition: all 1s ease; /* Internet Explorer 9 */
-o-transition: all 1s ease; /* Opera */
transition: all 1s ease;
}
.zoom img:hover {
-webkit-transform:scale(1.25); /* Safari et Chrome */
-moz-transform:scale(1.25); /* Firefox */
-ms-transform:scale(1.25); /* Internet Explorer 9 */
-o-transform:scale(1.25); /* Opera */
transform:scale(1.25);
}


Je viens de tester, ça m'a l'air d'être bon.
merci de me corriger si je fais fausse route
05 Nov 2019 à 05:09
olivier83 a écrit :

Après mur réflexion un effet zoom serait le plus approprié.

Je serai donc d'avis de faire ceci:

&lt;!DOCTYPE html&gt;
&lt;html lang="fr"&gt;
&lt;head&gt;
&lt;meta charset="UTF-8"&gt;
&lt;!--[if IE]&gt;
&lt;meta http-equiv="X-UA-Compatible" content="IE=edge"&gt;
&lt;![endif]--&gt;
&lt;link href="test css.css" rel="stylesheet" type="text/css"&gt;
&lt;/head&gt;
&lt;body&gt;
&lt;marquee behavior="scroll" direction="vertical" width="100%" scrollamount="5" scrolldelay="100" loop="0" onmouseover="this.stop()" onmouseout="this.start()"&gt;
&lt;p&gt;
&lt;div class="zoom"&gt;
&lt;img src="file:///F:/safpt/photos/la%20garde1bis.jpg" width="200" height="133"&gt; 
&lt;img src="file:///F:/safpt/photos/la%20garde2bis.jpg" width="200" height="133"&gt;
&lt;img src="file:///F:/safpt/photos/la%20garde3bis.jpg" width="200" height="133"&gt;
&lt;img src="file:///F:/safpt/photos/la%20garde4bis.jpg" width="200" height="133"&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;/p&gt;&lt;/marquee&gt;
&lt;/body&gt;
&lt;/html&gt;




charset="UTF-8"&gt;
.zoom {
width: 250px;
height: 170px;
}
.image {
width: 100%;
height: 100%;
}
.zoom img {
-webkit-transition: all 1s ease; /* Safari et Chrome */
-moz-transition: all 1s ease; /* Firefox */
-ms-transition: all 1s ease; /* Internet Explorer 9 */
-o-transition: all 1s ease; /* Opera */
transition: all 1s ease;
}
.zoom img:hover {
-webkit-transform:scale(1.25); /* Safari et Chrome */
-moz-transform:scale(1.25); /* Firefox */
-ms-transform:scale(1.25); /* Internet Explorer 9 */
-o-transform:scale(1.25); /* Opera */
transform:scale(1.25);
}


Je viens de tester, ça m'a l'air d'être bon.
merci de me corriger si je fais fausse route https://walmartone.onl

This one is good. Thanks for the reply
Modifié par walton19 (09 Nov 2019 - 04:58)
Prévenir un modérateur
Répondre au sujet
Aller à