Модификация шаблона привела к путанице

Question

Я сейчас работаю над сайтом, у которого есть короткое слайд-шоу на главной странице. Я купил шаблон, и я модифицирую его для работы в этой ситуации. После изменения миниатюрная строка под слайд-шоу теперь отделена от слайд-шоу, а большие пальцы не центрированы. Кажется, я не понимаю, как заставить это подходить под слайд-шоу и сосредоточить их в этом ряду.

Любая помощь для меня?

http://cormanroofinginc.com/

Спасибо.

Answer 1

Похож, что высота + заполнение полноразмерного изображения слишком высокое. Общее пространство, которое занимает элемент, это высота/ширина + дополнение + граница + маржа. Высота # ad-image-wrapper была правильной, но отступы делали ее слишком высокой.

#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; 
} 

Для миниатюр, это немного сложнее центр плавал элементы, но если вы знаете, ширина не изменится, вы можете установить ширину и отступы для центрирования элементов.

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

Подробнее о коробке. http://www.brainjar.com/css/positioning/