Scroll auto au chargement de la page
1songe
Messages postés
4
Date d'inscription
Statut
Membre
Dernière intervention
-
animostab Messages postés 2829 Date d'inscription Statut Membre Dernière intervention -
animostab Messages postés 2829 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.
A voir également:
- Scroll auto au chargement de la page
- Impossible de supprimer une page word - Guide
- Consultez le code source de cette page. copiez la ligne qui indique aux moteurs de recherche de ne pas référencer la page. ✓ - Forum Référencement
- La page ne peut être affichée. (80710a06) - Forum PS3
- Imprimer tableau excel sur une page - Guide
- Numéro de page word - Guide
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>
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.
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.
