Сергей Карвасарный

вчера боролся с такой штукой, у меня были такие блоки и основной блок сайта был в 1200 ну я указал блокам которые тянулись на всю длину min-width: 1200px; т.е длину основного блока и все.
Через фаер баг прикинул и при появлении скрола все норм.

.block-1 {
min-width: 1334px; - вроде так
/* min-width: 1024px; */
background: url(../img/bg-1.jpg) 0 0 no-repeat;
min-height: 649px;
width: 100%;

background-size: 100%;
background-position: center;
position: relative;
}

поедет верстка потом и узнаешь)) + проверка на W3C

Сделай над картинкой <span> и ему присвой класс с цветом, и размерами, и позиционированием, и при наведении на картинку делай display: block и все.

позиционирование смотри, может абсолют стоит и смени на что-то другое (именно сами табы.)

я обычно делаю через и все центрируется при любой длине блока

<div class="paginator">
            <p>
              <a class="prev not-active"></a>
              <a class="active">1</a>
              <a href="#">2</a>
              <a href="#">3</a>
              <a href="#">4</a>
              <a href="#">5</a>
              <a href="#">6</a>
              <a href="#" class="next"></a><!--чтобы убрать активность добавить класс not-active и убрать href=""-->
            </p>
          </div>

.paginator {
text-align: center;
}

обычно если адаптивная или резина рекомендуют % и em, если фиксированная то и px хватит:)

это отступы не ботстрапа, если используете jq ui tabs то они от туда 100%.

тестовое задание)))

как-то так можно prntscr.com/59nqar

все гениально просто, берем табы (к примеру от сюда - jqueryui.com/tabs )

<div id="tabs">
  <ul>
    <li><a href="#tabs-1">Слайдер 1/a></li>
    <li><a href="#tabs-2">Слайдер 2</a></li>
    <li><a href="#tabs-3">Слайдер 3</a></li>
  </ul>
  <div id="tabs-1">
    ну соответственно код слайдера 1
  </div>
  <div id="tabs-2">
    ну соответственно код слайдера 1
  </div>
  <div id="tabs-3">
    ну соответственно код слайдера 1
  </div>
</div>

Слайдеры можно брать какие угодно, и сунуть туда можно, что угодно, от слайдеров , форм и видео до прочей ереси))

<div>
  <input type="text">
  <button></button>
</div>

Повесить стили на инпути на бутон и отпозиционировать все это.