Descendre un texte...

Signaler
Messages postés
9
Date d'inscription
jeudi 5 novembre 2009
Statut
Membre
Dernière intervention
2 juin 2010
-
Messages postés
9
Date d'inscription
jeudi 5 novembre 2009
Statut
Membre
Dernière intervention
2 juin 2010
-
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 :

http://www.cie-ma2.com

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>







</html>


[b]D'avance merci
bien à vous
nicolas/b

5 réponses

Messages postés
1794
Date d'inscription
vendredi 9 mai 2008
Statut
Non membre
Dernière intervention
7 septembre 2021
134
bonjour

retire la ligne que j'ai mis en rouge

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";
}

dans le style met ceci
Messages postés
9
Date d'inscription
jeudi 5 novembre 2009
Statut
Membre
Dernière intervention
2 juin 2010

Hello,
Merci pour ta réponse, mais autant la 1ère manip est très clair.
La 2ème j'avoue j'ai un peu de mal à localiser où ce trouve le style et ce que je dois ajouter précisément.
Désolé, si tu peux m'éclairer ?
D'avance merci
nicolas
Messages postés
9
Date d'inscription
jeudi 5 novembre 2009
Statut
Membre
Dernière intervention
2 juin 2010

Euh des précisions donc :
Voici le script d'après ce que j'ai compris avec en rouge les parties modifiées, sauf pour la ligne top = (document.body.clientHeight - _welcomeText.offsetHeight)/2 +"px"; que j'ai supprimé.
Le problème c'est que le texte n'apparait plus, on voit juste l'emplacement :

// centrage du texte
var _welcomeText = document.getElementById("welcomeText");
with ( _welcomeText.style){
left = (document.body.clientWidth - _welcomeText.offsetWidth)/2 +"px";
}

}

</script>
</head>







</html>

Merci à toi
nicolas
Messages postés
1794
Date d'inscription
vendredi 9 mai 2008
Statut
Non membre
Dernière intervention
7 septembre 2021
134
c'est mieux la

</script>
</head>







</html>
Messages postés
9
Date d'inscription
jeudi 5 novembre 2009
Statut
Membre
Dernière intervention
2 juin 2010

Merci,
c'est super cool.
Je vais essayer de déplacer le texte un peu sur la droite.
Mais merci beaucoup pour le coup de main
A+
nicolas