Scroll auto au chargement de la page

Fermé
1songe Messages postés 4 Date d'inscription samedi 26 août 2006 Statut Membre Dernière intervention 26 août 2006 - 26 août 2006 à 15:25
animostab Messages postés 2829 Date d'inscription jeudi 10 mars 2005 Statut Membre Dernière intervention 11 novembre 2019 - 9 mai 2014 à 20:41
Bonjour,

Je ne sais comment aborder le sujet : J'ai une carte (plusieurs images collées en tableau) de taille variable (de toute petite a deux trois fois la largeur de la fenetre et la hauteur)... Et évidement j'aimerais bien que le petit personage au centre de la carte soit "centré" par défaut au chargement de la page ... Comme tout n'est pas facile mon personage n'est pas forcément centré (par exemple si au bord de la carte)...

De plus il ne me faut pas un lien qui mettrais d'office mon petit personage a gauche,droite,en bas ou en haut de la fenetre, mais tant que possible bien au centre...

Si quelqu'un peut me donner une base pour faire cela, ou quelques indice, en PHP, CSS, ou alors avec plus d'aide en JS.

- La première étape était de mettre une ID sur l'image de mon petit perso, c'est fait...

Merci beaucoup de votre aide.
A voir également:

3 réponses

*Dark* Messages postés 8 Date d'inscription dimanche 27 août 2006 Statut Membre Dernière intervention 27 août 2006 2
27 août 2006 à 12:26
Si ton image est de dimension fixe il te sufit de placer ton personage
pour ce faire
CSS: #perso {
position: absolute;
top: 100px;
left: 450px;
}
HTML: <img src=image.gif>
<span id="perso">
<img src=personage.gif>
</span>
1
Si tu pouvais fournir ton code, je verrai en quoi je peux t'aider
0
animostab Messages postés 2829 Date d'inscription jeudi 10 mars 2005 Statut Membre Dernière intervention 11 novembre 2019 738
Modifié par animostab le 9/05/2014 à 20:43
Bonjour

voici la méthode pour centrer un élément avec un petit peu de calcul

ton image fait par exemple 50px x 200px

tu fais

html (juste après <body>)

<body>
<div id="personnage"><img src="petitpersonnage.jpg"></div>
...le code du reste de la page ....

le css ou style

#personnage {
position:absolute; /*** ou position:fixed;***/
width:50px;
height:200px;
margin:0;
padding:0;
top:50%;
left:50%;
margin-left:-25px; /****la moitié de la largeur en négatif****/
margin-top:-100px; /****la moitié de la hauteur en négatif****/
}


ce sera centré

absolute si tu veux ca suive le scroll
fixed si tu veux que ca reste au centre meme en scrollant la page
Un petit merci vaut mieux qu'une grande ignorance !
Donc si votre sujet est résolu une réponse avec merci c'est pas de refus.
0