begin process at 2012 05 29 14:43:31
  Trouver un code source :
 
dans
 
[ Dernières recherches ]
Accueil > Forum > 

Javascript / DHTML / Ajax

 > 

JavaScript Orienté objet (POO)

 > 

Evènements

 > 

PB alignement calques

Derniers messages déposésPoser une question dans le forum ou lancer une discussion

PB alignement calques

vendredi 19 janvier 2007 à 10:31:13 | PB alignement calques

chabgyver
Bonjour,

J'ai un petit soucis quant à l'alignement de mes calques sur une page.
Plutôt que de mettre le code ici, je vais mettre le lien vers la page qui me pose problème.
INDEX2

En allant sur le lien, vous verrez que c'est un peu le souk et je m'arrache les cheveux depuis hier et j'en peu plus.
Juste une petite chose encore : logiquement, il y a 3 calques (le fond, le cadre et la partie centrale).
Est-il possible de placer la partie centrale au milieu des 2 autres calques afin de profiter de la transparence du fichier .png ?

Merci d'avance pour votre aide.
samedi 20 janvier 2007 à 10:52:59 | Re : PB alignement calques

chabgyver

Bon, après mûre réflexion, j'ai finalement décidé de mettre le code ici, mais je vous préveint, c'est long :

<HTML>
<HEAD>
<TITLE>RESISTANCIA UNDERGROUND</TITLE>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<STYLE TYPE="text/css">
</STYLE>
<SCRIPT TYPE="text/javascript">
var ScrollTimer = null;
var PasY = 2;
//----------------------
function INC_Scroll( id_){
  var Obj = frames[ id_];
  Obj.scrollBy( 0, PasY);
  ScrollTimer = setTimeout( "INC_Scroll('" +id_ + "')", 1); // attention pas d'espace entre les guillemets
}
//----------------------
function DEC_Scroll( id_){
  var Obj = frames[ id_];
  Obj.scrollBy( 0, -PasY);
  ScrollTimer = setTimeout("DEC_Scroll('" +id_ + "')", 1); // attention pas d'espace entre les guillemets
}
//-------------------
function Stop_Scroll(){
  clearTimeout( ScrollTimer);
}
//----------------------------------------------
// Affichage d'un DIV déclaré dans le document...
//----------------------------------------------
function Cache_ALL(){
  Cache_DIV('D_balistiq','D_yeswecancan','D_equipe','D_theatre','D_cinema','D_musique','D_expositions','D_equinoxe','D_salleEP','D_salleGC','D_apollo','D_cine-movida','D_festivals','D_concerts','D_danses','D_scenes-locales','D_beaux-arts','D_cordeliers','D_musee-bertrand','D_hotel-de-ville','D_ange-canaille','D_description','D_bons-plans','D_sortir');// tu mets tout les DIVs Temporaires
}
function Cache_AUTRE(){
  Cache_DIV('D_equinoxe','D_salleEP','D_salleGC','D_apollo','D_cine-movida','D_festivals','D_concerts','D_danses','D_scenes-locales','D_beaux-arts','D_cordeliers','D_musee-bertrand','D_hotel-de-ville','D_ange-canaille');// tu mets tout les DIVs Temporaires
}
function Affiche_DIV(flag_){
  var Arg = arguments;  // Récup liste des arguments passée à la fonction
  var Obj;
  if( flag_==1)
  Cache_ALL();  // Appel pour tout masquer
  if( flag_==2)
  Cache_AUTRE();
  for( var i=0; i< Arg.length; i++){               // On parcours la liste
    Obj = document.getElementById( Arg[i]); // Récup Objet correspondant
    if( Obj){
      Obj.style.visibility = "visible";
      //-- Ou autre méthode
      Obj.style.display = "";
    }
  }
}
//----------------------------------------------
// Masquage d'un DIV déclaré dans le document...
//----------------------------------------------
function Cache_DIV(){
  var Arg = arguments;  // Récup liste des arguments passée à la fonction
  var Obj;
  for( var i=0; i< Arg.length; i++){               // On parcours la liste
    Obj = document.getElementById( Arg[i]); // Récup Objet correspondant
    if( Obj){
      Obj.style.visibility = "hidden";
      //-- Ou autre méthode
      Obj.style.display = "none";
    }
  }
}
//--------------------------------------
// Changement de la SRC d'une IFRAME...
//--------------------------------------
function Charge_Fichier( where_, url_){
  window.frames[where_].location.href=url_
}
</SCRIPT>
<script language="JavaScript">
function na_open_window(name, url, left, top, width, height, toolbar, menubar, statusbar, scrollbar, resizable)
{
  toolbar_str = toolbar ? 'yes' : 'no';
  menubar_str = menubar ? 'yes' : 'no';
  statusbar_str = statusbar ? 'yes' : 'no';
  scrollbar_str = scrollbar ? 'yes' : 'no';
  resizable_str = resizable ? 'yes' : 'no';

  cookie_str = document.cookie;
  cookie_str.toString();

  pos_start  = cookie_str.indexOf(name);
  pos_end    = cookie_str.indexOf('=', pos_start);

  cookie_name = cookie_str.substring(pos_start, pos_end);

  pos_start  = cookie_str.indexOf(name);
  pos_start  = cookie_str.indexOf('=', pos_start);
  pos_end    = cookie_str.indexOf(';', pos_start);
 
  if (pos_end <= 0) pos_end = cookie_str.length;
  cookie_val = cookie_str.substring(pos_start + 1, pos_end);
  if (cookie_name == name && cookie_val  == "done")
    return;

  window.open(url, name, 'left='+left+',top='+top+',width='+width+',height='+height+',toolbar='+toolbar_str+',menubar='+menubar_str+',status='+statusbar_str+',scrollbars='+scrollbar_str+',resizable='+resizable_str);
}
</script>
</HEAD>

<BODY background=" http://www.resistancia-ug.org/fond.jpg ">
<a id="site"></a>
<map name="MapMap">
  <area shape="poly" coords="0,28,21,28,10,0" href="void(0);" onmouseover="DEC_Scroll('la_frame');" onmouseout="Stop_Scroll();">
  <area shape="poly" coords="0,50,20,50,10,76" href="javascript:void(0);" onmouseover="INC_Scroll('la_frame');" onmouseout="Stop_Scroll();">
</map>
<br>
<center>
<table background=" http://resistancia-ug.org/fond-index2.png " width=950 height=600 border=0 cellspacing=0 cellpadding=0>
  <tr>
    <td width=186 rowspan=3>
      <div id="MENU" style="width:134px; height:600px;overflow:hidden;">
        <img src=" http://resistancia-ug.org/fond-index2.png " border=0 usemap="#Map">
      </div>
    </td>
    <td height=0>
<!-- THEATRE -->
        <DIV ID="D_equinoxe"       style="position:relative;float:left;left: 50px;top:0px;height:auto;width:auto;z-index:1000;visibility:hidden;display:none;"><img height=21 src="boutons/equinoxe.gif" width=76 usemap="#M_equinoxe" border=0></DIV>
        <DIV ID="D_salleEP"        style="position:relative;float:left;left:100px;top:0px;height:auto;width:auto;z-index:1000;visibility:hidden;display:none;"><img height=22 src="boutons/salle-edith-piaf.gif" width=127 usemap="#M_salleEP" border=0></DIV>
        <DIV ID="D_salleGC"        style="position:relative;float:left;left:150px;top:0px;height:auto;width:auto;z-index:1000;visibility:hidden;display:none;"><img height=22 src="boutons/salla-gaston-coute.gif" width=153 usemap="#M_salleGC" border=0></DIV>
<!-- CINEMA -->
        <DIV ID="D_apollo"         style="position:relative;float:left;left:250px;top:0px;height:auto;width:auto;z-index:1000;visibility:hidden;display:none;"><img height=20 src="boutons/apollo.gif" width=64 usemap="#M_apollo" border=0></DIV>
        <DIV ID="D_cine-movida"    style="position:relative;float:left;left:280px;top:0px;height:auto;width:auto;z-index:1000;visibility:hidden;display:none;"><img height=21 src="boutons/cine-movida.gif" width=96 usemap="#M_cine-movida" border=0></DIV>
<!-- MUSIQUE -->
        <DIV ID="D_festivals"      style="position:relative;float:left;left: 50px;top:0px;height:auto;width:auto;z-index:1000;visibility:hidden;display:none;"><img height=21 src="boutons/festivals.gif" width=80 usemap="#M_festivals" border=0></DIV>
        <DIV ID="D_concerts"       style="position:relative;float:left;left:100px;top:0px;height:auto;width:auto;z-index:1000;visibility:hidden;display:none;"><img height=21 src="boutons/concerts.gif" width=76 usemap="#M_concerts" border=0></DIV>
        <DIV ID="D_danses"         style="position:relative;float:left;left:150px;top:0px;height:auto;width:auto;z-index:1000;visibility:hidden;display:none;"><img height=21 src="boutons/danses.gif" width=61 usemap="#M_danses" border=0></DIV>
        <DIV ID="D_scenes-locales" style="position:relative;float:left;left:200px;top:0px;height:auto;width:auto;z-index:1000;visibility:hidden;display:none;"><img height=20 src="boutons/scenes-locales.gif" width=123 usemap="#M_scenes-locales" border=0></DIV>
<!-- EXPOSITION -->
        <DIV ID="D_beaux-arts"     style="position:relative;float:left;left: 10px;top:0px;height:auto;width:auto;z-index:1000;visibility:hidden;display:none;"><img height=21 src="boutons/beaux-arts.gif" width=92 usemap="#M_beaux-arts" border=0></DIV>
        <DIV ID="D_cordeliers"     style="position:relative;float:left;left: 30px;top:0px;height:auto;width:auto;z-index:1000;visibility:hidden;display:none;"><img height=22 src="boutons/cordeliers.gif" width=86 usemap="#M_cordeliers" border=0></DIV>
        <DIV ID="D_musee-bertrand" style="position:relative;float:left;left:50px;top:0px;height:auto;width:auto;z-index:1000;visibility:hidden;display:none;"><img height=21 src="boutons/musee-bertrand.gif" width=122 usemap="#M_musee-bertrand" border=0></DIV>
        <DIV ID="D_hotel-de-ville" style="position:relative;float:left;left:70px;top:0px;height:auto;width:auto;z-index:1000;visibility:hidden;display:none;"><img height=21 src="boutons/hotel-de-ville.gif" width=115 usemap="#M_hotel-de-ville" border=0></DIV>
        <DIV ID="D_ange-canaille"  style="position:relative;float:left;left:91px;top:0px;height:auto;width:auto;z-index:1000;visibility:hidden;display:none;"><img height=21 src="boutons/ange-canaille.gif" width=115 usemap="#M_ange-canaille" border=0></DIV>
    </td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td width=950 height="600" valign=top>
      <iframe src=" http://www.resistancia-ug.org/contenu.htm " frameborder="0" style="top:0px; left:0px; width:820px; height:545px;" id="la_frame" name="la_frame" SCROLLING="no"></iframe>
    </td>
    <td>
      <img src=" http://www.resistancia-ug.org/updown.gif " width="21" height="80" hspace="12" vspace="40" border="0" usemap="#MapMap">
    </td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td _height=76>&nbsp;</td>
  </tr>
</table>
</center>

<!-- DIV pour le menu PRESENTATION -->
<DIV ID="D_balistiq" style="Z-INDEX:1000;LEFT:700px;VISIBILITY:hidden;WIDTH:350px;POSITION:absolute;TOP:763px;HEIGHT:42px">
<img height=22 src="boutons/balistiq.gif" width=70 usemap="#M_balistiq" border=0>
</DIV>
<DIV ID="D_yeswecancan" style="Z-INDEX:1000;LEFT:805px;VISIBILITY:hidden;WIDTH:350px;POSITION:absolute;TOP:763px;HEIGHT:42px">
<img height=22 src="boutons/yes-we-can-can.gif" width=122 usemap="#M_yeswecancan" border=0>
</DIV>
<DIV ID="D_equipe" style="Z-INDEX:1000;LEFT:950px;VISIBILITY:hidden;WIDTH:350px;POSITION:absolute;TOP:763px;HEIGHT:42px">
<img height=24 src="boutons/equipe.gif" width=67 usemap="#M_equipe" border=0>
</DIV>

<!-- DIV pour le menu CHATEAUROUX -->
<DIV ID="D_description" style="Z-INDEX:1000;LEFT:700px;VISIBILITY:hidden;WIDTH:350px;POSITION:absolute;TOP:763px;HEIGHT:42px">
<img height=21 src="boutons/description.gif" width=92 usemap="#M_description" border=0>
</DIV>
<DIV ID="D_bons-plans" style="Z-INDEX:1000;LEFT:825px;VISIBILITY:hidden;WIDTH:350px;POSITION:absolute;TOP:763px;HEIGHT:42px">
<img height=21 src="boutons/bons-plans.gif" width=93 usemap="#M_bons-plans" border=0>
</DIV>
<DIV ID="D_sortir" style="Z-INDEX:1000;LEFT:950px;VISIBILITY:hidden;WIDTH:350px;POSITION:absolute;TOP:763px;HEIGHT:42px">
<img height=21 src="boutons/sortir.gif" width=55 usemap="#M_sortir" border=0>
</DIV>

<!-- DIV pour le menu CULTURE -->
<DIV ID="D_theatre" style="Z-INDEX:1000;LEFT:650px;VISIBILITY:hidden;WIDTH:350px;POSITION:absolute;TOP:763px;HEIGHT:42px">
<img height=22 src="boutons/theatre.gif" width=67 usemap="#M_theatre" border=0>
</DIV>
<DIV ID="D_cinema" style="Z-INDEX:1000;LEFT:750px;VISIBILITY:hidden;WIDTH:350px;POSITION:absolute;TOP:763px;HEIGHT:42px">
<img height=20 src="boutons/cinema.gif" width=59 usemap="#M_cinema" border=0>
</DIV>
<DIV ID="D_musique" style="Z-INDEX:1000;LEFT:850px;VISIBILITY:hidden;WIDTH:350px;POSITION:absolute;TOP:763px;HEIGHT:42px">
<img height=21 src="boutons/musique.gif" width=68 usemap="#M_musique" border=0>
</DIV>
<DIV ID="D_expositions" style="Z-INDEX:1000;LEFT:950px;VISIBILITY:hidden;WIDTH:350px;POSITION:absolute;TOP:763px;HEIGHT:42px">
<img height=20 src="boutons/expositions.gif" width=95 usemap="#M_expositions" border=0>
</DIV>

<!-- Les MAP -->
<p>
  <map name="Map">
    <area shape="poly" coords="46,14,162,25,158,47,44,37"     onmouseover="Affiche_DIV(1,'D_balistiq','D_yeswecancan','D_equipe');">
    <area shape="poly" coords="111,45,43,60,47,78,115,62"     href=" http://balistiq.free.fr/rubriques/radio.html " target="la_frame">
    <area shape="poly" coords="33,95,131,88,131,108,33,113"   href=" http://balistiq.free.fr/rubriques/programme.html " target="la_frame">
    <area shape="poly" coords="61,121,139,142,140,167,52,140" href=" http://balistiq.free.fr/rubriques/formulaire.html " target="la_frame">
    <area shape="poly" coords="57,170,126,175,123,193,55,191" href="na_open_window('win', 'http://balistiq.free.fr/php/live/', 0, 0, 230, 410, 0, 0, 0, 0, 0)" target="_self">
    <area shape="poly" coords="55,210,124,206,127,225,56,230" href=" http://balistiq.free.fr/rubriques/webcam.html " target="la_frame">
    <area shape="poly" coords="47,258,141,231,144,252,49,274" onmouseover="Affiche_DIV(1,'D_theatre','D_cinema','D_musique','D_expositions');">
    <area shape="poly" coords="41,293,151,286,153,304,42,314" onmouseover="Affiche_DIV(1,'D_description','D_bons-plans','D_sortir');">
    <area shape="poly" coords="57,319,127,334,120,355,54,341" href=" http://balistiq.free.fr/rubriques/galerie.html " target="la_frame">
    <area shape="poly" coords="53,374,129,366,129,386,57,396" href=" mailto:balistiq@free.fr ">
    <area shape="poly" coords="48,408,134,411,134,431,47,425" href=" http://balistiq.free.fr/php/livredor/ " target="la_frame">
    <area shape="poly" coords="64,449,116,444,120,466,63,470" href=" http://balistiq.free.fr/php/forum/ " target="la_frame">
  </map>
  <!-- DIV pour le sous-menu PRESENTATION -->
  <map name="M_presentation">
    <area shape=RECT coords=10,8,84,39    href="#" onMouseOver="Affiche_DIV(1,'D_balistiq','D_yeswecancan','D_equipe');">
    <area shape=RECT coords=254,12,319,34 href="#" OnClick="Charge_Fichier('la_frame', 'Page_theatre');">
  </map>
  <map name="M_balistiq">
    <area shape=RECT coords=0,-1,84,39    href=" http://balistiq.free.fr/rubriques/balistiq.html " target="la_frame">
    <area shape=RECT coords=118,11,237,36 href="#">
    <area shape=RECT coords=118,11,237,36 href="#">
    <area shape=RECT coords=254,12,319,34 href="#">
  </map>
  <map name="M_yeswecancan">
    <area shape=RECT coords=0,2,122,20    href=" http://balistiq.free.fr/rubriques/yes-we-can-can.html " target="la_frame">
    <area shape=RECT coords=118,11,237,36 href="#">
    <area shape=RECT coords=118,11,237,36 href="#">
    <area shape=RECT coords=254,12,319,34 href="#">
  </map>
  <map name="M_equipe">
    <area shape=RECT coords=0,-1,84,39    href=" http://balistiq.free.fr/rubriques/equipe.html " target="la_frame">
    <area shape=RECT coords=118,11,237,36 href="#">
    <area shape=RECT coords=118,11,237,36 href="#">
    <area shape=RECT coords=254,12,319,34 href="#">
  </map>
  <!-- DIV pour le sous-menu CHATEAUROUX -->
  <map name="M_chateauroux">
    <area shape=RECT coords=10,8,84,39    href="#" onMouseOver="Affiche_DIV(1,'D_description','D_bons-plans','D_sortir');">
    <area shape=RECT coords=254,12,319,34 href="#" OnClick="Charge_Fichier('la_frame', 'Page_theatre');">
  </map>
  <map name="M_description">
    <area shape=RECT coords=0,-1,84,39    href=" http://balistiq.free.fr/rubriques/description.html " target="la_frame">
    <area shape=RECT coords=118,11,237,36 href="#">
    <area shape=RECT coords=118,11,237,36 href="#">
    <area shape=RECT coords=254,12,319,34 href="#">
  </map>
  <map name="M_bons-plans">
    <area shape=RECT coords=0,-1,84,39    href=" http://balistiq.free.fr/rubriques/bons-plans.html " target="la_frame">
    <area shape=RECT coords=118,11,237,36 href="#">
    <area shape=RECT coords=118,11,237,36 href="#">
    <area shape=RECT coords=254,12,319,34 href="#">
  </map>
  <map name="M_sortir">
    <area shape=RECT coords=0,-1,84,39    href=" http://balistiq.free.fr/rubriques/sortir.html " target="la_frame">
    <area shape=RECT coords=118,11,237,36 href="#">
    <area shape=RECT coords=118,11,237,36 href="#">
    <area shape=RECT coords=254,12,319,34 href="#">
  </map>
  <!-- DIV pour le sous-menu THEATRE -->
  <map name="M_theatre">
    <area shape=RECT coords=0,0,74,31    href="#" onMouseOver="Affiche_DIV(2,'D_equinoxe','D_salleEP','D_salleGC');">
    <area shape=RECT coords=254,12,319,34 href="#" OnClick="Charge_Fichier('la_frame', 'Page_theatre');">
  </map>
  <map name="M_equinoxe">
    <area shape=RECT coords=0,-1,84,39    href=" http://balistiq.free.fr/rubriques/equinox.html " target="la_frame">
    <area shape=RECT coords=118,11,237,36 href="#">
    <area shape=RECT coords=118,11,237,36 href="#">
    <area shape=RECT coords=254,12,319,34 href="#">
  </map>
  <map name="M_salleEP">
    <area shape=RECT coords=1,-13,125,26    href=" http://balistiq.free.fr/rubriques/S-edith-piaf.html " target="la_frame">
    <area shape=RECT coords=118,11,237,36 href="#">
    <area shape=RECT coords=118,11,237,36 href="#">
    <area shape=RECT coords=254,12,319,34 href="#">
  </map>
  <map name="M_salleGC">
    <area shape=RECT coords=1,-20,152,23    href=" http://balistiq.free.fr/rubriques/S-gaston-coute.html " target="la_frame">
    <area shape=RECT coords=254,12,319,34 href="#">
  </map>
  <!-- DIV pour le sous-menu CINEMA -->
  <map name="M_cinema">
    <area shape=RECT coords=3,-1,84,39    href="#" onMouseOver="Affiche_DIV(2,'D_apollo','D_cine-movida');">
    <area shape=RECT coords=254,12,319,34 href="#" OnClick="Charge_Fichier('la_frame', 'Page_theatre');">
  </map>
  <map name="M_apollo">
    <area shape=RECT coords=0,-1,84,39    href=" http://balistiq.free.fr/rubriques/apollo.html " target="la_frame">
    <area shape=RECT coords=118,11,237,36 href="#">
    <area shape=RECT coords=118,11,237,36 href="#">
    <area shape=RECT coords=254,12,319,34 href="#">
  </map>
  <map name="M_cine-movida">
    <area shape=RECT coords=0,-15,110,31    href=" http://balistiq.free.fr/rubriques/cine-movida.html " target="la_frame">
    <area shape=RECT coords=118,11,237,36 href="#">
    <area shape=RECT coords=118,11,237,36 href="#">
    <area shape=RECT coords=254,12,319,34 href="#">
  </map>
  <!-- DIV pour le sous-menu CINEMA -->
  <map name="M_musique">
    <area shape=RECT coords=0,0,84,39    href="#" onMouseOver="Affiche_DIV(2,'D_festivals','D_concerts','D_danses','D_scenes-locales');">
    <area shape=RECT coords=254,12,319,34 href="#" OnClick="Charge_Fichier('la_frame', 'Page_theatre');">
  </map>
  <map name="M_festivals">
    <area shape=RECT coords=0,-1,84,39    href=" http://balistiq.free.fr/rubriques/festivals.html " target="la_frame">
    <area shape=RECT coords=118,11,237,36 href="#">
    <area shape=RECT coords=118,11,237,36 href="#">
    <area shape=RECT coords=254,12,319,34 href="#">
  </map>
  <map name="M_concerts">
    <area shape=RECT coords=0,-1,84,39    href=" http://balistiq.free.fr/rubriques/concerts.html " target="la_frame">
    <area shape=RECT coords=118,11,237,36 href="#">
    <area shape=RECT coords=118,11,237,36 href="#">
    <area shape=RECT coords=254,12,319,34 href="#">
  </map>
  <map name="M_danses">
    <area shape=RECT coords=0,-1,84,39    href=" http://balistiq.free.fr/rubriques/danses.html " target="la_frame">
    <area shape=RECT coords=118,11,237,36 href="#">
    <area shape=RECT coords=118,11,237,36 href="#">
    <area shape=RECT coords=254,12,319,34 href="#">
  </map>
  <map name="M_scenes-locales">
    <area shape=RECT coords=0,-17,125,23    href=" http://balistiq.free.fr/rubriques/scenes-locales.html " target="la_frame">
    <area shape=RECT coords=118,11,237,36 href="#">
    <area shape=RECT coords=118,11,237,36 href="#">
    <area shape=RECT coords=254,12,319,34 href="#">
  </map>
  <!-- DIV pour le sous-menu EXPOSITIONS -->
  <map name="M_expositions">
    <area shape=RECT coords=-3,-13,94,39    href="#" onMouseOver="Affiche_DIV(2,'D_beaux-arts','D_cordeliers','D_musee-bertrand','D_hotel-de-ville','D_ange-canaille');">
    <area shape=RECT coords=254,12,319,34 href="#" OnClick="Charge_Fichier('la_frame', 'Page_theatre');">
  </map>
  <map name="M_beaux-arts">
    <area shape=RECT coords=0,-17,108,30    href=" http://balistiq.free.fr/rubriques/beaux-arts.html " target="la_frame">
    <area shape=RECT coords=118,11,237,36 href="#">
    <area shape=RECT coords=118,11,237,36 href="#">
    <area shape=RECT coords=254,12,319,34 href="#">
  </map>
  <map name="M_cordeliers">
    <area shape=RECT coords=0,-1,84,39    href=" http://balistiq.free.fr/rubriques/cordeliers.html " target="la_frame">
    <area shape=RECT coords=118,11,237,36 href="#">
    <area shape=RECT coords=118,11,237,36 href="#">
    <area shape=RECT coords=254,12,319,34 href="#">
  </map>
  <map name="M_musee-bertrand">
    <area shape=RECT coords=0,-13,209,63    href=" http://balistiq.free.fr/rubriques/musee-bertrand.html " target="la_frame">
    <area shape=RECT coords=118,11,237,36 href="#">
    <area shape=RECT coords=118,11,237,36 href="#">
    <area shape=RECT coords=254,12,319,34 href="#">
  </map>
  <map name="M_hotel-de-ville">
    <area shape=RECT coords=3,-16,168,51    href=" http://balistiq.free.fr/rubriques/hotel-de-ville.html " target="la_frame">
    <area shape=RECT coords=118,11,237,36 href="#">
    <area shape=RECT coords=118,11,237,36 href="#">
    <area shape=RECT coords=254,12,319,34 href="#">
  </map>
  <map name="M_ange-canaille">
    <area shape=RECT coords=0,-10,172,68    href=" http://balistiq.free.fr/rubriques/radioatelier-ange-canaille.html " target="la_frame">
    <area shape=RECT coords=118,11,237,36 href="#">
    <area shape=RECT coords=118,11,237,36 href="#">
    <area shape=RECT coords=254,12,319,34 href="#">
  </map>
</p>
</BODY>
</HTML>

Je précise quand même que j'ai utilisé le code de l'interface de mon autre site : http://balistiq.free.fr
En ce qui concerne les boutons, je laisse pour l'instant ceux de balistiq, je dessinerai les boutons de mon site de metal plus tard, chaque chose en son temps.

Merci pour votre patience.
dimanche 21 janvier 2007 à 10:55:55 | Re : PB alignement calques

chabgyver
Bon, ben, finalement, j'ai réussi à aligner mes claques, c'était pas grand chose, une histoire de dimensions de fichiers, rien de méchants, mais par contre, j'ai toujours ce problème de couches, le voudrai que la partie centrale se situe entre les 2 autres calques.
Comment puis-je faire ?


Cette discussion est classée dans : pb, page, lien, alignement, calques

Répondre à ce message

Sujets en rapport avec ce message

Pb de lien sur une IFRAME [ par ludovicanceaux ] Salut à tous, J'ai une iframe du style:J'aurais voulu cliquer sur un lien de mon Iframe et que ca change ma page principale, ou si vous pr pb avec confirm() [ par habibal ] bonjour a tousevoila je n'arive pas a utiliser confirm() avec un lien avec des get  voila le bout de codevoila le lien echo '<a href="index.php?page=a PB ouverture popup avec lien image [ par chabgyver ] Bonjour,J'aimerai ouvrir une page dans un popup à partir d'une image.Voici la ligne de code actuelle :<a href="javascript:na_open_window('win', 'http: Imprimer une autre page que celle en cours [ par bibo06 ] Bonjour, Je cherche à imprimer une page web par un lien mais autre que celle ou se trouve le lien.J'ai trouver un script formé de la sorte:dans les ba Affichage de texte suivant un click [ par Arnauti ] Bonjour a tous, Après avoir chercher sur le net et sur ce site je n'ai pas trouvé de réponse a ma question.En effet, je suis a la recherche d'un scrip Problème de décoration de lien non souhaité sur page spéciale... [ par magicgus ] Bonjour, J'ai un problème qui me semble insurmontable ! J'ai fait la page d'intro d'un site en utilisant HTML 3.2 Final, javascript et CSS. HTML 3. plusieurs pages en une [ par ju0123456789 ] Bonjour,Mon site web en construction est en HTML-javascriptJe fais une sorte de vitrine, et je voudrais savoir comment peut on faire des plusieurs pag Pb d'interpretation de formulaire [ par michelst ] Bonjour à tous,Je suis un peut dans l'impasse. Mon pb est que je veux envoyer les données issu d'un formulaire vers une page qui me donne un résultat( OpenFileDialog sur une page web [ par surfeurX ] Bonjour je developpe un site de vente en ligne et à travers l'intérface d'administration l'utilisateur doit charger un produit avec ses photos, j'aime redimensionner [ par davidoffski ] bonjour, j'ai un lien url qui appelle une page html qui, celle-ci affiche un swf. j'aimerais que cette page html se redimensionne automatiquement à s


Nos sponsors


Sondage...

Comparez les prix


Samsung LE26B350 LCD
Entre 359€ et 417€

Visiter le guide achat

CalendriCode

Mai 2012
LMMJVSD
 123456
78910111213
14151617181920
21222324252627
28293031   

Consulter la suite du CalendriCode

A découvrir
 
Développement réalisé par Nicolas SOREL (Nix) avec l'aide de : Cyril DURAND et Emmanuel (EBArtSoft), Merci à Vincent pour ses précieux conseils.
CodeS-SourceS.com© Toute reproduction même partielle est interdite sauf accord écrit du Webmaster
CodeS-SourceS.com© est une marque déposée tous droits réservés

Google Coop CodeS-SourceS Google Coop CodeS-SourceS
Temps d'éxécution de la page : 0,967 sec (4)

Nous contacter | Annoncer sur CodeS-SourceS | Mentions légales
Outils Convertisseur VB/C# Snippets et scripts Outils en ligne La ToolBox
Communauté Programmation Photographie Technologie Newsgroups Emploi Forum Blogs
Guide d'achat Téléphonie mobile Image et son Informatique Bureautique Jeux vidéo
Logiciels Internet & Réseau Développement Market Android Jeux & Loisirs Graphisme Multimédia Sécurité Pilotes
Loisirs Cartes virtuelles Vidéos droles Jeux en ligne Géoguide AndroLib (Android Market)