Menu

Même taille d'image pour taille d'écran [Résolu]

Messages postés
10
Date d'inscription
mercredi 26 septembre 2018
Dernière intervention
3 novembre 2018
- - Dernière réponse : anthony2k6
Messages postés
10
Date d'inscription
mercredi 26 septembre 2018
Dernière intervention
3 novembre 2018
- 2 nov. 2018 à 09:54
Bonjour, je souhaiterais que ces images occupent la même place pour chaque taille d'écran. La même largeur, hauteur, le même écart entre elles...

Je sais pas si je me suis fais comprendre mdr mais voici le code que j'ai déjà fait :
        <div class="holder">
<a href="img/73825_.jpg" target="_BLANK"><img class="fd1" src="img/73825_.jpg"/></a>
<a href="img/73826.jpg" target="_BLANK"><img class="fd1" src="img/73826.jpg"/></a>
<a href="img/fd3.jpg" target="_BLANK"><img class="fd1" src="img/fd3.jpg"/></a>
<a href="img/fd4.jpg" target="_BLANK"><img class="fd1" src="img/fd4.jpg"/></a>
<a href="img/fd5.jpg" target="_BLANK"><img class="fd1" src="img/fd5.jpg"/></a>
<a href="img/fd6.jpg" target="_BLANK"><img class="fd1" src="img/fd6.jpg"/></a>
</div>

Et le css:
img.fd1{
width: 33%;
height: 100%;
padding: 10px;
float: left;
margin: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}

Merci beaucoup ;)
Afficher la suite 

Votre réponse

2 réponses

Messages postés
7419
Date d'inscription
lundi 9 juin 2008
Statut
Contributeur
Dernière intervention
17 février 2019
438
0
Merci
bonjour, merci de nous informer, et de nous remercier de t'avoir lu.
anthony2k6
Messages postés
10
Date d'inscription
mercredi 26 septembre 2018
Dernière intervention
3 novembre 2018
-
?
Commenter la réponse de yg_be
Messages postés
4978
Date d'inscription
mercredi 30 octobre 2013
Dernière intervention
1 février 2019
938
0
Merci
Bonjour
c'est contraire aux bonnes pratiques et cela va te pénaliser pour le référencement mais bon ...il suffit de mettre des dimensions fixes (px) au width et height de l'image au lieu des pourcentages ( et n'oublie pas de mettre un min-width pour le contenant fd 1de l'image)


Commenter la réponse de elgazar