Titre: Images adaptables
Auteur: sebest777

Description:

Les résolutions d'écran étant de plus en plus disparate, il est intéressant de développer des sites totalement adaptable.

Le fond d'un site peut être adapté avec appel à 1 ou plusieurs images qu'il faudra choisir pour leur flexibilité à se déformer sans perdre de leur esthétique (abstrait).

Exemple : 2 images
- 1 à l'extrême gauche (logo de travers)
- 1 prenant le reste de la page (figures abstraites)
Le lien est à venir.

HTML:
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
<img class="fond" src="images/fond.jpg">
<img class="fond2" src="images/fond2.png">
CSS :
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
.fond {
    position:absolute;
    left : 0;
    top: 0;
    height:100%;
    z-index:1;
    zoom: 1;
}
.fond2 {
    position:absolute;
    right : 0;
    bottom: 0;
    width:89%;
    z-index:1;
    zoom: 1;
}