kleo3333
Ну, вот вариант с настройками:
Тестируйте...
А теперь настройки:
.data1 {position: absolute;top: 20px;left: 10px;} - это настраиваем отступы Даты первого блока (Большие картинки)
.ssylka {position: absolute;top: 20px;left: 120px;} - это настраиваем отступы Ссылки первого блока (Большие картинки)
.img1 {padding-left: 32px;} - это настраиваем отступ слева Картинки первого блока (Большие картинки)
.data2 {position: absolute;top: 10px;left: 8px;} - это настраиваем отступы Даты второго блока (Маленькие круглые картинки)
.tekst {position: absolute;top: 10px;left: 60px;} - это настраиваем отступы Комментария второго блока (Маленькие круглые картинки) - если нужна будет ссылка лучше ставить ее между: <span class="tekst">Здесь ссылка</span>, а то вы меняете оставляя страшные хвосты из незакрытых тегов..
.img2 {padding-left: 24px;} - это настраиваем отступы Картинки второго блока (Маленькие круглые картинки)
Блок первый - это с большими картинками и ссылками.
Блок второй - это с маленькими картинками и без ссылок.
Используйте их там где вам нужно. Я для примера их поставил в Неизданное/Изданное и без переключателя.
Повторюсь еще раз: будьте внимательны при вставке ссылок, текста, замены тегов и т.д. - вы ломаете код и оставляете хвосты из незакрытых тегов, наглядный пример как вы оставляете хвосты:
<div class="rev">
<div class="trek"><span>Треки / Промо</span></div>
<div class="otkr">
<div class="cvet1">1996 <img class="postimg" src="http://rapsody-music.ru/files/0012/46/05/13093.png" width="8" height="8" style="border-radius: 100%;"> <span style="color: #a88c50">I Wanna Do</span></a></div>
<div class="cvet2">1996 <img class="postimg" src="http://rapsody-music.ru/files/0012/46/05/13093.png" width="8" height="8" style="border-radius: 100%;"> <span style="color: #a88c50">Art of Survival (Bonus Track)</span></a></div>
<div class="cvet1">1996 <img class="postimg" src="http://rapsody-music.ru/files/0012/46/05/13093.png" width="8" height="8" style="border-radius: 100%;"> <span style="color: #a88c50">For Colored Boys (feat. Deveraux)</span></a></div>
<div class="cvet1">1997 <img class="postimg" src="http://rapsody-music.ru/files/0012/46/05/13093.png" width="8" height="8" style="border-radius: 100%;"> <span style="color: #a88c50">Tears in Your Eyes (Sammie's Song)</span></a></div>
<div class="cvet2">1999 <img class="postimg" src="http://rapsody-music.ru/files/0012/46/05/13093.png" width="8" height="8" style="border-radius: 100%;"> <span style="color: #a88c50">Tears in Your Eyes (Remix)</span></a></div>
<div class="cvet1">2016 <img class="postimg" src="http://rapsody-music.ru/files/0012/46/05/13093.png" width="8" height="8" style="border-radius: 100%;"> <span style="color: #a88c50">My Introduction (Acoustic Version)</span></a></div>
</div>
</div>
Убрали ссылку, а закрывающий тег оставили: </a>
Отредактировано kolobdur74 (Вт, 24 Янв 2017 13:52:42)