Problème pour centrer l'animation jquery
tipi75
Messages postés
680
Date d'inscription
Statut
Membre
Dernière intervention
-
Archeus01 Messages postés 1572 Date d'inscription Statut Membre Dernière intervention -
Archeus01 Messages postés 1572 Date d'inscription Statut Membre Dernière intervention -
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
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
- Dp animation maker - Télécharger - Animation
- Logiciel d animation 2d gratuit - Télécharger - Divers Web & Internet
- Gpx 3d animation - Télécharger - Transports & Cartes
- Idée animation challenge centre d'appel - Forum Loisirs / Divertissements
- Fusionner et centrer excel grisé - Forum Bureautique
5 réponses
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
comme ça : <body> <center> au début
et </center></body> à la fin
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
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>
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>
