CSS

Pasha199 · 2012-12-03T19:31:43.0000000Z

Есть блок 1. <div class="home-layout-clients shadow-side-all"> <div class="home-layout-clients-title">Our Clients</div> <span class="clear"></span> <a id="client1" href="#"> <div class="client-out"></div> <div class="client-over opacity_0"></div> </a> <a id="client2" href="#"> <div class="client-out"></div> <div class="client-over opacity_0"></div> </a> <a id="client3" href="#"> <div class="client-out"></div> <div class="client-over opacity_0"></div> </a> <a id="client4" href="#"> <div class="client-out"></div> <div class="client-over opacity_0"></div> </a> <a id="client4" href="#"> <div class="client-out"></div> <div class="client-over opacity_0"></div> </a> <a id="client5" href="http://www.scriptgates.com"> <div class="client-out"></div> <div class="client-over opacity_0"></div> </a> </div> CSS этого блока .home-layout-clients { position:relative; float:left; width:100%; background-color:#f1f1f1; text-align:center; } .home-layout-clients-title { position:relative; float:left; margin-top: 20px; margin-left: 20px; font-family:PT Sans; font-weight: bold; font-size:20px; color:#444444; text-align:left; } .home-layout-clients a { margin: 10px 0px 10px 13px; color:#d00355; font-weight:normal; text-decoration:none; width: 166px; height: 73px; position:relative; float:left; } .client-over, .client-out { position:absolute; top:0px; left:0px; width:100%; height: 100%; } .client-over, .client-out { /*background-image:url(../assets/synergy_sprite.png);*/ } #client1 .client-out{ background-position:0px -280px; } #client1 .client-over{ background-position:0px -360px; } #client2 .client-out{ background-position:-170px -280px; } #client2 .client-over{ background-position:-170px -360px; } #client3 .client-out{ background-position:-340px -280px; } #client3 .client-over{ background-position:-340px -360px; } #client4 .client-out{ background-position:-510px -280px; } #client4 .client-over{ background-position:-510px -360px; } #client5 .client-out{ background-position:-680px -280px; } #client5 .client-over{ background-position:-680px -360px; } Есть стиль другого блока. .clients .item:before, .clients .item .before{ display:block; width:250px; height:1px; margin-left:-125px; position: absolute; left:50%; bottom:0; background:url(../../../../../../../img/front-end/clients-g-line.png) 0 0 no-repeat; content:""; } .clients .item:after, .clients .item .after{ display:block; width:1px; height:109px; position: absolute; right:0; top:0; background:url(../../../../../../../img/front-end/clients-v-line.png) 0 0 no-repeat; content:""; } Как добавить картинки из этого блока clients-v-line.png и clients-g-line.png в блок 1?

167

Pasha199

4 декабря 2012, 17:23

#11

Вот что у меня сейчас http://jsfiddle.net/RgBpw/

Задача:

1) Изменить расстояние между картинками

2) Добавить к этому коду в виде картинок полоски-разделители картинок, они должны быть как тут на скриншоте который я выложил выше.

1

Новый постоянный интерфейс Яндекс.Картинок Запущен новый интерфейс Яндекс.Картинок Яндекс обновил базу Яндекс.Картинок

272

Алексей Барыкин

4 декабря 2012, 19:13

#12

Pasha199:
Вот что у меня сейчас http://jsfiddle.net/RgBpw/
Задача:
1) Изменить расстояние между картинками
2) Добавить к этому коду в виде картинок полоски-разделители картинок, они должны быть как тут на скриншоте который я выложил выше.

Вариант - подложить картинку бекграундом под внешний блок #home-layout-clients

Чтобы серые линии располагались между картинками - либо править картинку-подложку, либо поиграть с отступами у .home-layout-clients a и позицией бекграунда у #home-layout-clients - пример

1

https://adminbook.ru/

167

Pasha199

4 декабря 2012, 19:20

#13

Алексей Барыкин, спасибо большое, буду пробовать сейчас.

---------- Добавлено 04.12.2012 в 23:33 ----------

Алексей Барыкин, а можно серые линии сделать в виде одной или 2х картинок? Здесь больше 10 сделать картинок нельзя, а нужно например 12.

В Google Earth добавлено Яндекс автоматизировал загрузку картинок У Яндекса появился русско-английский

272

Алексей Барыкин

5 декабря 2012, 04:21

#14

Pasha199:
Алексей Барыкин, спасибо большое, буду пробовать сейчас.

---------- Добавлено 04.12.2012 в 23:33 ----------

Алексей Барыкин, а можно серые линии сделать в виде одной или 2х картинок? Здесь больше 10 сделать картинок нельзя, а нужно например 12.

Фон у блока сделать повторяющимся (убрать no-repeat)

Open AI тестирует память для ChatGPT

Что делать, если ваша email-рассылка попала в спам