Image sur une image. positionnement précis !
Résolu
martine et chantal
Messages postés
485
Date d'inscription
Statut
Membre
Dernière intervention
-
coeus Messages postés 3021 Date d'inscription Statut Membre Dernière intervention -
coeus Messages postés 3021 Date d'inscription Statut Membre Dernière intervention -
Bonjour,
je suis en train de créer mon site.
- je souhaite positionner mes boutons du menu sur une image à des emplacement précis.
- mon image principale se trouve dans une class.
- dans cette class, j'insère des images(boutons) rangées également dans des class.
- mes images(boutons) sont positionnées en "absolute".
- j'ai eu le plaisir de remarqué qu'on pouvait glisser les images directement sur dreamweaver, le positionnement étant automatiquement calculé et retransmis en CSS
Mais lorsque je teste mon site sur Opera mes boutons sont décalés
Pire encore ! sur IE la position est encore différente.
Est-ce qu'il y a une procédure particulière pour faire ce que je souhaite ?
je suis en train de créer mon site.
- je souhaite positionner mes boutons du menu sur une image à des emplacement précis.
- mon image principale se trouve dans une class.
- dans cette class, j'insère des images(boutons) rangées également dans des class.
- mes images(boutons) sont positionnées en "absolute".
- j'ai eu le plaisir de remarqué qu'on pouvait glisser les images directement sur dreamweaver, le positionnement étant automatiquement calculé et retransmis en CSS
Mais lorsque je teste mon site sur Opera mes boutons sont décalés
Pire encore ! sur IE la position est encore différente.
Est-ce qu'il y a une procédure particulière pour faire ce que je souhaite ?
A voir également:
- Image sur une image. positionnement précis !
- Image iso - Guide
- Légender une image - Guide
- Acronis true image - Télécharger - Sauvegarde
- Reduire taille image - Guide
- Comment rechercher une image sur google - Guide
2 réponses
Bonjour !
Sur tes boutons, dans ton CSS, enlève tout ce qui est padding et margin. À la place, puisque tu as un position:absolute;, utilise les attributs left et top.
C'est le problème le plus courant entre les browsers, l'interprétation différente des margins et paddings.
Sur tes boutons, dans ton CSS, enlève tout ce qui est padding et margin. À la place, puisque tu as un position:absolute;, utilise les attributs left et top.
C'est le problème le plus courant entre les browsers, l'interprétation différente des margins et paddings.
salut coeus !
je ni padding, ni margin dans mes class="bouton"
mais un text-align:center; pour ma class="image principale"
bah ouais j'aimerai que mon image soit centrée.
j'ai viré text-align:center; et là ça marche.
ça marche, mais qu'à moitié car je souhaite une image principale centrée.
là j'ai pas trop d'idée. à moins que je tente de mettre mon image principale directement en background.
j'essaie !
je ni padding, ni margin dans mes class="bouton"
mais un text-align:center; pour ma class="image principale"
bah ouais j'aimerai que mon image soit centrée.
j'ai viré text-align:center; et là ça marche.
ça marche, mais qu'à moitié car je souhaite une image principale centrée.
là j'ai pas trop d'idée. à moins que je tente de mettre mon image principale directement en background.
j'essaie !