Alors voilà, j'ai un problème avec un album photo créé à partir du logiciel Jalbum et son positionnement CSS dans une page.
Mon problème est à l'adresse suivante : http://www.dominiqueguillo.com/album/album.php
Comme vous pouvez le voir en cliquant sur le lien, ma page est constituée de cadres fixes en CSS (menu, en-tête et pied de page).
Et dans cette page, l'album photo passe par dessus l'en-tête et le pied de page lorsqu'on fait défiler... Je pense qu'il faut utiliser la propriété z-index, mais rien n'y fait je n'y arrive pas. Je pense aussi que le problème vient peut-être du script qui régit l'album, mais je n'y connaît rien en script...
Voici le code PHP de ma page :
<title>DominiqueGuillo.com : site officiel de Dominique Guillo
- photos</title>
<meta name="description" content="Site officiel de Dominique Guillo, l'acteur, réalisateur et chanteur." />
function downloadURL(theURL) {
w = 240;
h = 180;
x = (screen.width-w)/2;
y = (screen.height-h)/2;
downloadWin = window.open(theURL,"BananAlbum","status=yes,toolbar=no,resizable=yes,scrollbars=no,location=no,menubar=no,left="+x+",top="+y+",width="+w+",height="+h+"");
window.focus();
}
download = 0;
function downloadWin(theURL) {
image = theURL;
w = 240;
h = 180;
download = download+1;
border = 36;
x = (screen.width-w)/2;
y = (screen.height-h)/2;
window._w = window.open(window.respath+"download.html?image="+theURL,"BananAlbum"+download,"status=no,toolbar=no,resizable=no,scrollbars=no,location=no,menubar=no,left="+x+",top="+y+",width="+w+",height="+h+"");
window._w.image = theURL;
}
function movieWin(theURL) {
movie = theURL;
w = 740;
h = 580;
download = download+1;
x = (screen.width-w)/2;
y = (screen.height-h)/2;
window._w = window.open(theURL,"BananAlbum"+download,"status=yes,toolbar=no,resizable=yes,scrollbars=no,location=no,menubar=no,left="+x+",top="+y+",width="+w+",height="+h+"");
}
function resizeWin(image) {
var detect = navigator.userAgent.toLowerCase();
correctW = 8;
correctH = screen.height-screen.availHeight;
if (image.width<screen.availWidth && image.height<screen.availHeight) {
newWidth = image.width;
newHeight = image.height;
} else {
screenWH = screen.availWidth/(screen.availHeight-correctH);
imageWH = image.width/image.height;
if (screenWH>imageWH) {
// use height...
newHeight = screen.availHeight-border-correctH;
newWidth = newHeight*imageWH;
} else {
// use width...
newWidth = screen.availWidth-border;
newHeight = newWidth/imageWH;
}
}
if (document.all) { // IE
if (navigator.appVersion.indexOf("Mac")>-1){
window._w.moveTo((screen.width-newWidth)/2,(screen.height-newHeight)/2-correctH);
window._w.resizeTo(newWidth,newHeight-1);
} else {
window._w.moveTo((screen.width-newWidth)/2,(screen.height-newHeight-correctH)/2);
window._w.resizeTo(newWidth+correctW,newHeight+correctH);
}
} else { // Mozilla
if (navigator.appVersion.indexOf("Mac")>-1){
if (detect.indexOf("safari")>-1) {
window._w.moveTo((screen.width-newWidth)/2,(screen.height-newHeight)/2);
window._w.resizeTo(newWidth,newHeight+correctH);
} else {
window._w.moveTo((screen.width-newWidth)/2,(screen.height-newHeight)/2-correctH);
window._w.resizeTo(newWidth+correctW,newHeight);
// one more time for FireFox!
window._w.moveTo((screen.width-newWidth)/2,(screen.height-newHeight)/2-correctH);
}
} else {
window._w.moveTo((screen.width-newWidth)/2,(screen.height-newHeight+correctH)/2-correctH);
window._w.resizeTo(newWidth+correctW,newHeight+correctH);
} }
}
function showDiv() {
document.getElementById('imgShow').style.visibility="visible";
}
je n'ai pas bien compris ton problème.
as-tu réussi à le résoudre ?
J'utilise bananAlbum dans mon site, j'ai eu des petits problèmes au départ mais maintenant j'arrive bien à la positionner et à le gérer.
Peut être que je peux t'aider.
10 sept. 2010 à 09:51
10 sept. 2010 à 09:56