(reprise du message précédent)
Bonsoir à toutes et à tous,
voici comment centrer une image en JavaScript ! C'est très simple et cela fonctionne partout !
@+
Bonsoir à toutes et à tous,
voici comment centrer une image en JavaScript ! C'est très simple et cela fonctionne partout !
<html>
<head>
<title>test</title>
<script type="text/javascript">
function centrage(node)
{
node.style.marginTop = parseInt(node.parentNode.clientHeight/2) - parseInt(node.clientHeight/2) + "px";
node.style.marginLeft = parseInt(node.parentNode.clientWidth/2) - parseInt(node.clientWidth/2) + "px";
}
</script>
<style type="text/css">
* {
margin : 0;
border : none;
padding : 0;
}
body {
background-color : maroon;
}
#boite1 {
background-color : yellow;
position : absolute;
top : 50px;
left : 100px;
width : 400px;
height : 200px;
}
#boite2 {
background-color : blue;
position : absolute;
top : 100px;
right : 200px;
width : 200px;
height : 500px;
}
#boite1 img {
width : 100px;
height : 85px;
}
#boite2 img {
width : 100px;
height : 85px;
}
</style>
</head>
<body>
<div id="boite1">
<img onload="centrage(this);" src="http://dc27.4shared.com/download/21869065/8d83e5f2/willkommen_bouquet_fleurs_jaune_et_rouge_texte.gif" alt="Willkommen !" />
</div>
<div id="boite2">
<img onload="centrage(this);" src="http://dc27.4shared.com/download/21869065/8d83e5f2/willkommen_bouquet_fleurs_jaune_et_rouge_texte.gif" alt="Willkommen !" />
</div>
</body>
</html>@+
