Problème de script Java - Centrer une image

J'ai une visionneuse d'image en utilisant un module js appelé "zoom de nuage."Problème de script Java - Centrer une image

Cela fonctionne à merveille et semble être juste ce dont j'ai besoin. Sauf! Cela dérange le spectateur quand j'essaie de centrer l'IMG dans un div.

Voici mon exemple malheureux. Survolez l'image et vous verrez que la souris et la vue ne correspondent pas. Cela fonctionne très bien si je devais supprimer le style de marge automatique sur l'IMG. J'ai juste besoin de cette image au milieu de la div.

http://forumgallery.rollinleonard.com/test2.php

S'il vous plaît aider!

Source

2010-07-31 Rollin

Quelque chose comme cela semble pour bien fonctionner dans IE8/Chrome.

<div style="display:inline-block; margin: 0 auto 0 auto"> 
    <a href='/big.jpg' class='cloud-zoom' id='zoom1' rel=""><img src="/small.jpg" alt='' title="Optional title display" /></a> 
    </div>

Source

2010-07-31 06:26:32 WSkid

Merci beaucoup ... J'aimerais vraiment ne pas m'avoir cogné la tête contre le mur pendant des heures avant de venir ici. Peut-être que c'est mieux j'ai appris avec toute la douleur? On a rien sans rien? Je ne sais pas ... Des recommandations de livres qui me mettraient à jour? – Rollin

Mon lieu de travail a quelque chose de réduction d'entreprise avec O'Reilly, donc ma lecture du livre est un peu limitée, mais j'ai utilisé, http://oreilly.com/catalog/9780596527334/ un peu. L'un des concepts clés est le modèle de bloc (qui a aidé ici) et il a l'une des meilleures explications que j'ai rencontrées. – WSkid

Génial. Merci encore. Je vais chercher à obtenir ce livre. – Rollin

Retirez la marge automatique de l'IMG
Ajouter la marge automatique à la Une étiquette entourant l'IMG
Définissez le tag à l'affichage: inline-block

Source

2010-07-31 06:03:58 babtek

Merci pour votre réponse très logique! J'ai suivi votre instruction et cela a semblé avoir le même effet que de ne rien faire. C'est ce qui a conduit à croire que quelque chose dans le fichier js lié à la tête avait quelque chose à voir avec ça, mais je n'étais pas capable de comprendre quoi. J'ai mis à jour le lien pour inclure votre changement suggéré. http://forumgallery.rollinleonard.com/test.php D'autres idées? Merci encore! – Rollin

Le tag A est toujours affiché comme "display: block" pour moi, vous devez le faire "display: inline-block" – babtek

oooh, shoot. Merci! – Rollin

Problème de script Java - Centrer une image

Répondre

Questions connexes