PB alignement calques

Signaler
Messages postés
159
Date d'inscription
dimanche 17 juillet 2011
Statut
Membre
Dernière intervention
28 janvier 2020
-
Messages postés
159
Date d'inscription
dimanche 17 juillet 2011
Statut
Membre
Dernière intervention
28 janvier 2020
-
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.

2 réponses

Messages postés
159
Date d'inscription
dimanche 17 juillet 2011
Statut
Membre
Dernière intervention
28 janvier 2020

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>




http://www.resistancia-ug.org/fond.jpg
">
[javascript:void(0);
  ]
</map>

<center>
[
http://balistiq.free.fr/rubriques/radio.html
]
" target="la_frame">
    [
http://balistiq.free.fr/rubriques/programme.html
]
" target="la_frame">
    [
http://balistiq.free.fr/rubriques/formulaire.html
]
" target="la_frame">
    [javascript:na_open_window('win', 'http://balistiq.free.fr/php/live/', 0, 0, 230, 410, 0, 0, 0, 0, 0)
    ]
http://balistiq.free.fr/rubriques/webcam.html
" target="la_frame">
    [
http://balistiq.free.fr/rubriques/galerie.html
]
" target="la_frame">
    [
mailto:balistiq@free.fr
]
">
    [
http://balistiq.free.fr/php/livredor/
]
" target="la_frame">
    [
http://balistiq.free.fr/php/forum/
]
" target="la_frame">
  </map>
  <!-- DIV pour le sous-menu PRESENTATION -->
  <map name="M_presentation">
    [#
    ]
  </map>
  <map name="M_balistiq">
    [
http://balistiq.free.fr/rubriques/balistiq.html
]
" target="la_frame">
    [#
    ]
    [#
  </map>
  <map name="M_yeswecancan">
    ]
http://balistiq.free.fr/rubriques/yes-we-can-can.html
" target="la_frame">
    [#
    ]
    [#
  </map>
  <map name="M_equipe">
    ]
http://balistiq.free.fr/rubriques/equipe.html
" target="la_frame">
    [#
    ]
    [#
  </map>
  <!-- DIV pour le sous-menu CHATEAUROUX -->
  <map name="M_chateauroux">
    ]
    [#
  </map>
  <map name="M_description">
    ]
http://balistiq.free.fr/rubriques/description.html
" target="la_frame">
    [#
    ]
    [#
  </map>
  <map name="M_bons-plans">
    ]
http://balistiq.free.fr/rubriques/bons-plans.html
" target="la_frame">
    [#
    ]
    [#
  </map>
  <map name="M_sortir">
    ]
http://balistiq.free.fr/rubriques/sortir.html
" target="la_frame">
    [#
    ]
    [#
  </map>
  <!-- DIV pour le sous-menu THEATRE -->
  <map name="M_theatre">
    ]
    [#
  </map>
  <map name="M_equinoxe">
    ]
http://balistiq.free.fr/rubriques/equinox.html
" target="la_frame">
    [#
    ]
    [#
  </map>
  <map name="M_salleEP">
    ]
http://balistiq.free.fr/rubriques/S-edith-piaf.html
" target="la_frame">
    [#
    ]
    [#
  </map>
  <map name="M_salleGC">
    ]
http://balistiq.free.fr/rubriques/S-gaston-coute.html
" target="la_frame">
    [#
  </map>
  <!-- DIV pour le sous-menu CINEMA -->
  <map name="M_cinema">
    ]
    [#
  </map>
  <map name="M_apollo">
    ]
http://balistiq.free.fr/rubriques/apollo.html
" target="la_frame">
    [#
    ]
    [#
  </map>
  <map name="M_cine-movida">
    ]
http://balistiq.free.fr/rubriques/cine-movida.html
" target="la_frame">
    [#
    ]
    [#
  </map>
  <!-- DIV pour le sous-menu CINEMA -->
  <map name="M_musique">
    ]
    [#
  </map>
  <map name="M_festivals">
    ]
http://balistiq.free.fr/rubriques/festivals.html
" target="la_frame">
    [#
    ]
    [#
  </map>
  <map name="M_concerts">
    ]
http://balistiq.free.fr/rubriques/concerts.html
" target="la_frame">
    [#
    ]
    [#
  </map>
  <map name="M_danses">
    ]
http://balistiq.free.fr/rubriques/danses.html
" target="la_frame">
    [#
    ]
    [#
  </map>
  <map name="M_scenes-locales">
    ]
http://balistiq.free.fr/rubriques/scenes-locales.html
" target="la_frame">
    [#
    ]
    [#
  </map>
  <!-- DIV pour le sous-menu EXPOSITIONS -->
  <map name="M_expositions">
    ]
    [#
  </map>
  <map name="M_beaux-arts">
    ]
http://balistiq.free.fr/rubriques/beaux-arts.html
" target="la_frame">
    [#
    ]
    [#
  </map>
  <map name="M_cordeliers">
    ]
http://balistiq.free.fr/rubriques/cordeliers.html
" target="la_frame">
    [#
    ]
    [#
  </map>
  <map name="M_musee-bertrand">
    ]
http://balistiq.free.fr/rubriques/musee-bertrand.html
" target="la_frame">
    [#
    ]
    [#
  </map>
  <map name="M_hotel-de-ville">
    ]
http://balistiq.free.fr/rubriques/hotel-de-ville.html
" target="la_frame">
    [#
    ]
    [#
  </map>
  <map name="M_ange-canaille">
    ]
http://balistiq.free.fr/rubriques/radioatelier-ange-canaille.html
" target="la_frame">
    [#
    ]
   
  </map>

</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.
Messages postés
159
Date d'inscription
dimanche 17 juillet 2011
Statut
Membre
Dernière intervention
28 janvier 2020

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 ?