Rebonjour après la création et le découpage je passe a l'intégration de mon site !
Même problème comment je cherche mauintenant comment aligner ces 4 images avec un espace exact au pixel pret avec du css et du HTML !
Cette fois ci en HTML !
Design photoshop: Lien
Merci.
Comme t'as expliquer R-transat tu créer un conteneur principal dans lequel tu place t'es 4 div et tu leur donne une largeur et hauteur après si t'es blocs sont des img c'est plus facile.
index.html
<!-- Html, head ... -->
<body>
<div id="container">
<div id="blockPrincipal"></div>
<div id="block">
<img src="URL de limg 1" alt="">
</div>
<div id="block">
<img src="URL de limg 2" alt="">
</div>
<div id="block">
<img src="URL de limg 3" alt="">
</div>
<div id="block">
<img src="URL de limg 4" alt="">
</div>
</div>
</body>
style.css
#container{height:auto; width:950px; margin:0 auto; font-family:arial;}
#blockPrincipal{background:url(url du header); widht:largeur?; height:hauteur?;}
#block{float:left; widht:237.5px; height:hauteur?;}
Sa devrai donnais quelque chose comme sa ...
Pas compliqué, tu as une largeur total (par exemple 950px), tu sais que tu as 4 blocs à aligner, tu fais 950/4, à partir de ça tu sais que tu peut mettre 4 blocs de 237.5px pour chaque, tu as plus qu'à soustraire les espacements entre tes blocs.
En tout cas si j'ai bien compris.