Hello,
On m'a donné un joli coup de main pour améliorer l'affichage d'une photo en plein écran.
Le souci c'est que maintenant le texte qui venait par dessus se retrouve en plein milieu de l'écran...
J'aimerais le mettre en transparence mais surtout le placer centrer et tout en bas de l'écran.
Zobibol à améliorer joliment mon script et m'a proposé d'utiliser un petit logiciel "Paint" pour rendre le fond transparent et incruster le texte. (textehome.gif dans le script)
Si en attendant quelqu'un peut m'aider pour descendre le texte et le centrer, ça serait super.
Le site en question :
[ Lien ]
Voici le script :
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="content-type" content="text/html;charset=ISO-8859-1">
<meta name="generator" content="Adobe GoLive 6">
<title>- compagnie MA2 -</title>
<head>
<meta http-equiv="content-type" content="text/html;charset=ISO-8859-1">
<meta name="description" content="Nicolas Maloufi - Compagnie MA2 nicolas maloufi - bettina masson">
<meta name="keywords" content="compagnie ma2, nicolas maloufi, Danse Dense, Journees Danse Dense, Adiam 95, Escales 2009, Escales en Val d'Oise, Talents Danse, Adami, Drac Ile de France, ex-tension, et s il n'etait question que de ?a, Soyons Baroque, les effondres, Emilie Legret, Daniel Ciampolini, Cyril Leclerc, Aurore Ugolin, Dominique Mabileau, Bertrand Gauguet, Dan Weinstein">
<meta name="generator" content="Adobe GoLive 6">
<title> - COMPAGNIE MA2 - </title>
<style>
/**
* Style appliqué à l'image d'acceuil
*/
#backEnterPict{
position:absolute;
top:0px;
}
/**
* Le texte
*/
#welcomeText{
position:absolute;
z-index:5;
}
</style>
<script language="JavaScript" type="text/javascript">
// mis en commentaire,ça me gonfle ce genre de redimensionnement ;o)
//self.moveTo(0,0);
//self.resizeTo(screen.availWidth,screen.availHeight);
function resizeBackPict(){
var _img = document.getElementById("backEnterPict");
var _ratio = (640/1024);
var _newWidth =document.body.clientHeight / _ratio;
with( _img.style){
height = document.body.clientHeight + "px";
width= _newWidth +"px";
// centre l'image horizontalement alors
if ( document.body.clientWidth > _newWidth){
left = (document.body.clientWidth - _img.offsetWidth) /2 + "px";
}
}
// centrage du texte
var _welcomeText = document.getElementById("welcomeText");
with ( _welcomeText.style){
top = (document.body.clientHeight - _welcomeText.offsetHeight)/2 +"px";
left = (document.body.clientWidth - _welcomeText.offsetWidth)/2 +"px";
}
}
</script>
</head>
<body bgcolor="black" leftmargin="0" marginheight="0" marginwidth="0" topmargin="0" onload="resizeBackPict()">
<img src="home1.jpg" alt="" border="0" id="backEnterPict" onmousedown="document.location='enter.html'" />
<img src="textehome.gif" alt="" height="180" width="600" border="0" id="welcomeText"/>
</body>
</html>
D'avance merci
bien à vous
nicolas