28172 sujets

CSS et mise en forme, CSS3

Hello,

Je suis en train de créer le site web suivant :
http://hpics.li/9bb6fce

En gros, j'ai le titre de mon site "MonSite" qui est une image, et qui est en haut à gauche de mon site. Dans le Header toujours, à droite (en float) j'ai une autre image.

Quand l'utilisateur réduit la fenêtre (en rouge), j'ai envie que l'image de droite se place comme ceci :

http://hpics.li/c09b504

Le problème, c'est qu'actuellement, l'image se place comme ceci :

http://hpics.li/adbda7c

En gros, l'image de droite se décalle correctement vers la gauche lorsqu'on resize la fenêtre, SAUF que lorsque l'on réduit trop, alors l'image se place SOUS l'image "MonSite".
Je ne sais pas comment faire pour la "bloquer" dans le header (pour que, même si l'utilisateur réduit la fenêtre, hé ben, l'image de droite reste collée juste à côté de l'image "MonSite"; que les deux images restent sur la même ligne quoi).

En espérant que ce soit clair. Smiley murf

Je vous remercie.
Hello.

Avec deux flottants de tailles fixes, tu es contraint à ce comportement.

Une solution pourrait être d'utiliser une combinaison de min et max-width conjointement avec des medias queries, et de passer tes deux images en display:block sous une certaine taille d'écran pour les faire passer sur deux lignes (ce qui sera le plus lisible sur un très petit écran).