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:
CSS :
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">
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; }
Partager