Problème pour centrer l'animation jquery
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
Configuration: Windows XP Firefox 3.0.13
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 -
non ça ne marche pas.
Merci de ton aide -
quelqu'un peut m'aider???
Merci pour votre aide -
peut on m'aider je ne trouve pas?????
Merci de votre aide -
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>
