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.

2 réponses


wallerand
Réponse acceptée

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.