Bonjour à tous,
Je souhaite reproduire en partie le design de bing.com sur un de mes sites.
J'ai donc une image de fond, et j'ai appliqué le background-size: cover; pour avoir un joli redimensionnement suivant résolution.
Maintenant le soucis c'est que je souhaite pouvoir placer des blocs dans ce site, de tel façon à ce que lors du redimensionnement, la position de ces blocs restent à peu près dans la même zone !
Par exemple sur bing, les blocs bougent mais semble rester assez proche de leur zone d'origine, alors que chez moi j'ai mis des blocs en position absolue, avec des % et ça fait tout bouger quand je redimensionne... du coup par exemple pour un bloc censé se situé à un endroit précis, le redimensionnement provoque le déplacement de ce bloc ailleurs sur l'image ce qui est pas l'effet voulu ....
Merci pour votre aide !
Exemple :
http://dahevos.free.fr/wip/design.html
le petit carré doit se retrouver sur la plaque ou y'a marqué tron et peu importe le redimensionnement !
Modifié par Rototo14 (06 Jun 2013 - 18:55)
Je souhaite reproduire en partie le design de bing.com sur un de mes sites.
J'ai donc une image de fond, et j'ai appliqué le background-size: cover; pour avoir un joli redimensionnement suivant résolution.
Maintenant le soucis c'est que je souhaite pouvoir placer des blocs dans ce site, de tel façon à ce que lors du redimensionnement, la position de ces blocs restent à peu près dans la même zone !
Par exemple sur bing, les blocs bougent mais semble rester assez proche de leur zone d'origine, alors que chez moi j'ai mis des blocs en position absolue, avec des % et ça fait tout bouger quand je redimensionne... du coup par exemple pour un bloc censé se situé à un endroit précis, le redimensionnement provoque le déplacement de ce bloc ailleurs sur l'image ce qui est pas l'effet voulu ....
Merci pour votre aide !
Exemple :
http://dahevos.free.fr/wip/design.html
le petit carré doit se retrouver sur la plaque ou y'a marqué tron et peu importe le redimensionnement !
Modifié par Rototo14 (06 Jun 2013 - 18:55)