PB alignement calques

Question

PB alignement calques

Signaler

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.

Afficher la suite

A voir également:

2 réponses

Répondre Posez votre question

chabgyver · Answer 1 · 2007-01-20T10:52:59+0100

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>

<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>

<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>

<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>

<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>

<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>

<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.

chabgyver · Answer 2 · 2007-01-21T10:55:55+0100

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 ?

Votre réponse