28172 sujets

CSS et mise en forme, CSS3

Bonjour à tous,

Je suis actuellement en train d'essayer de créer un site web qui serait graphiquement de cette forme :

http://nsa04.casimages.com/img/2009/01/18/090118015532727553.png

Le survol des femmes provoquerait l'apparition de boutons, etc ...

Le soucis est que j'incorpore cette image comme "fond d'écran" via des moyens détournés pour quelle reste toujours à 100% de l'écran de la personne (aucun scroll ne doit être possible) mais qu'au moment d'incorporer les boutons on observe de gros décalages selon les résolutions ! (l'image de fond rétrécie mais pas les boutons...)

Idem si je rétréci la fenêtre les boutons viennent se superposer au design...

Est il possible d'après vous de réaliser ce type de site en "full html" ?
Modifié par tlandru (18 Jan 2009 - 01:56)
Administrateur
Bonjour,

tlandru a écrit :
pour quelle reste toujours à 100% de l'écran de la personne (aucun scroll ne doit être possible)

Extrait de la FAQ:
(...) le Web n'est pas un média paginé contrairement au média d'impression, et [ le] concepteur doit adapter ses besoins au média et non l'inverse.

EDIT: scroll horizontal ou vertical?


Si tu veux aller à l'encontre de ce principe de base, quelques pistes (du dimanche matin, ça vaut ce que ça vaut):
- images réactives (map et area avec alt="alternative textuelle" bien entendu)
- hauteur et largeur des images en pourcentage et pas en pixels
- le dernier lien flottant à droite des autres pour les résolutions inférieures à 907 pixels (ça casse le graphisme mais ça reste utilisable sans ascenseur horizontal)
Modifié par Felipe (18 Jan 2009 - 10:20)