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

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

0 голосов
/ 16 апреля 2010

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

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

http://cormanroofinginc.com/

Спасибо.

1 Ответ

1 голос
/ 16 апреля 2010

Похоже, высота + отступы полноразмерного изображения слишком высоки.Общее пространство, которое занимает элемент, это высота / ширина + отступ + граница + поле.Высота # 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/

...