Problème pour centrer l'animation jquery
tipi75
Messages postés
723
Statut
Membre
-
Archeus01 Messages postés 1681 Statut Membre -
Archeus01 Messages postés 1681 Statut Membre -
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
- Idée animation challenge centre d'appel - Forum Loisirs / Divertissements
- Fusionner et centrer excel grisé - Forum Bureautique
- Fusion de cellules tableau formaté, impossible, bouton grisé - Forum Excel
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>
