Modification d'un modèle a entraîné une confusion

Question

Je travaille sur un site en ce moment qui a un court diaporama d'image pour la page d'accueil. J'ai acheté un modèle et je le modifie pour fonctionner dans cette situation. En cas de modification, la rangée de vignettes sous le diaporama est maintenant séparée du diaporama et les pouces ne sont pas centrés. Je ne peux pas sembler comprendre comment obtenir ceci pour obtenir juste sous le diaporama et les avoir centrés dans la rangée.

Une aide pour moi?

http://cormanroofinginc.com/

Merci.

Answer 1

On dirait que la hauteur + le rembourrage de l'image en taille réelle est trop grand. L'espace total pris par un élément est la hauteur/largeur + remplissage + marge + marge. La hauteur du # ad-image-wrapper était correcte, mais le rembourrage le rendait trop grand.

#ad-image-wrapper { 
    background:url("images/gallery-wrap.jpg") no-repeat scroll 0 0 transparent; 
    height:449px; /* change to 425px */ 
    margin:0 auto; 
    padding:12px 0; 
    width:650px; 
} 

Pour les vignettes, il est un peu difficile à centre flottant éléments, mais si vous savez la largeur ne va pas changer, vous pouvez définir la largeur et le rembourrage pour centrer les éléments.

.ad-thumbs { 
    height:56px; 
    margin:0 auto; 
    padding:0 29px; 
    width:497px; 
} 

Voici plus d'informations sur le modèle de boîte. http://www.brainjar.com/css/positioning/