Scroll auto au chargement de la page
1songe
Messages postés
4
Statut
Membre
-
animostab Messages postés 3003 Date d'inscription Statut Membre Dernière intervention -
animostab Messages postés 3003 Date d'inscription Statut Membre Dernière intervention -
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.
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.
3 réponses
-
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> -
-
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.
