Sujet Précédent Sujet Suivant

PB alignement calques

chabgyver Messages postés 159 Date d'inscription dimanche 17 juillet 2011 Statut Membre Dernière intervention 28 janvier 2020 - 19 janv. 2007 à 10:31
chabgyver Messages postés 159 Date d'inscription dimanche 17 juillet 2011 Statut Membre Dernière intervention 28 janvier 2020 - 21 janv. 2007 à 10:55
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

Réponse 1 / 2
chabgyver Messages postés 159 Date d'inscription dimanche 17 juillet 2011 Statut Membre Dernière intervention 28 janvier 2020
20 janv. 2007 à 10:52
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.
0
Réponse 2 / 2
chabgyver Messages postés 159 Date d'inscription dimanche 17 juillet 2011 Statut Membre Dernière intervention 28 janvier 2020
21 janv. 2007 à 10:55
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 ?
0

Discussions similaires

Gelés tous les calques sauf un en macro vba
fabdu91630 -
pile_poil -

14 réponses
Problème alignement ou orientation ( OCR ARABE )
karirax -
jordane45 -

10 réponses
alignement vertical
iples -
iples -

1 réponse
Layer / Calque
wil3164 -
jack -

3 réponses
Centré du Texte Verticalement dans une TextBox
bb181185 -
Renfield -

21 réponses
Rejoignez-nous