Problème pour centrer l'animation jquery

Fermé

tipi75 Messages postés 680 Date d'inscription lundi 20 août 2007 Statut Membre Dernière intervention 16 avril 2015 - 17 août 2009 à 16:08
Archeus01 Messages postés 1567 Date d'inscription mercredi 3 octobre 2007 Statut Membre Dernière intervention 9 juin 2022 - 18 août 2009 à 10:42

Bonjour,

Voici le script de mon animation:

<html>
<head>
<title>page test</title>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<script src="http://code.jquery.com/jquery-latest.js"></script>

<script>
$(document).ready(function(){

$(document.body).click(function () {
if ($("div:first").is(":hidden")) {
$("div").show("slow");
} else {
$("div").slideUp();
}
});

});
</script>
<style>
div { background:#3d9a44; margin:10px; width:150px;
height:80px; float: left; }
</style>
</head>
<body>
<p align="center">Click me!</p>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
</body>
</html>

Je souhaiterai centrer l'animation mais je n'y arrive pas.

Merci pour votre aide

A voir également:

Problème pour centrer l'animation jquery
Animation parcours 3d gratuit - Télécharger - Transports & Cartes
Logiciel animation visage gratuit - Télécharger - Animation
Idee animation comite des fetes ✓ - Forum Loisirs / Divertissements
Powerpoint pdf animation ✓ - Forum PDF
Gimp centrer texte ✓ - Forum The Gimp

5 réponses

Réponse 1 / 5

Archeus01 Messages postés 1567 Date d'inscription mercredi 3 octobre 2007 Statut Membre Dernière intervention 9 juin 2022 447
17 août 2009 à 16:48

et si tu rajoutes la balise <center> juste derrière <body> et juste avant </body>
comme ça : <body> <center> au début
et </center></body> à la fin

Réponse 2 / 5

tipi75 Messages postés 680 Date d'inscription lundi 20 août 2007 Statut Membre Dernière intervention 16 avril 2015 27
17 août 2009 à 18:15

non ça ne marche pas.

Merci de ton aide

Réponse 3 / 5

tipi75 Messages postés 680 Date d'inscription lundi 20 août 2007 Statut Membre Dernière intervention 16 avril 2015 27
17 août 2009 à 18:30

quelqu'un peut m'aider???

Merci pour votre aide

Réponse 4 / 5

tipi75 Messages postés 680 Date d'inscription lundi 20 août 2007 Statut Membre Dernière intervention 16 avril 2015 27
17 août 2009 à 19:12

peut on m'aider je ne trouve pas?????

Merci de votre aide

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question

Réponse 5 / 5

Archeus01 Messages postés 1567 Date d'inscription mercredi 3 octobre 2007 Statut Membre Dernière intervention 9 juin 2022 447
18 août 2009 à 10:42

Bonjour,

Voici un code testé sous firefox 3.0. C'est mauvais de travailler sur tous les div d'un coup car tu perds des possibilités. Utilise toujours des classes et des id!

<html>
<head>
<title>page test</title>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<script src="http://code.jquery.com/jquery-latest.js"></script>

<script>
$(document).ready(function(){

$(document.body).click(function () {
if ($("div:first").is(":hidden")) {
$("div").show("slow");
} else {
$("div").slideUp();
}
});

});
</script>
<style>
.di { background:#3d9a44; margin:10px; width:150px;
height:80px; display : inline-block; text-align:center; }
</style>
</head>
<body>

<div style="text-align:center;>

<p align="center">Click me!</p>
<div class="di" ></div>
<div class="di"></div>
<div class="di"></div>
<div class="di"></div>
<div class="di"></div>

</div>

</body>
</html>

Discussions similaires

comment animer une soirée avec 30 personnes à table ?

Utilisation des méthodes de manipulations du DOM

Idées animations centre d'appel

Idées de jeux rigolos pour un anniversaire

idee sympas pour animer une soire

Discussions similaires

Newsletters