Question

Здравствуйте, пожалуйста подскажите, как выровнять все элементы по верхнему краю?

Answer 1

Перейдите в таблицу стилей CSS, найдите строку номер 93:

.container > header {
 width: 95%;
 max-width: 69em;
 margin: 0 auto;
 padding: 2.875em 1.875em 1.875em;
}

удалите выделенное.

Comments

Сделал, не помогло(

---

Andrey Filimonov,

Я вас в начале немного неправильно понял, вы хотите чтобы верхняя часть всех фото была на одном уровне.

• Добавляйте фото одного размера, у вас же получается все разных размеров и в итоге лесенка получается. Что-то пытаться сейчас стилями бессмысленно так как будет применяться к всем фото, не будем же мы выравнивать каждое фото по отдельности в стилях, соблюдайте размеры и будет как положено.

---

Yuri_Geruk,

Но вот тут же разного размера и выравниваются по верхнему краю http://www.sitehere.ru/examples/19.04.2014/index.html

делаю по аналогии и вроде преуспел, но как по верху выровнять?

---

Andrey Filimonov,

Причина в скрипте:

<script src="/js/modernizr.custom.js"></script>

вы пропустили слеш вначале, в итоге скрипт не работает и фото не выравниваются так как скрипт не сработал.

---

Yuri_Geruk,

эх, ни в какую. и так 

 <script src="/js/modernizr.custom.js"></script>

и так 

 <script src="http://gymbalance.ucoz.net//js/modernizr.custom.js"></script>

не выравнивает

---

Andrey Filimonov,

Плюс забыли подключить:

        <script src="/js/imagesloaded.pkgd.min.js"></script>
        <script src="/js/masonry.pkgd.min.js"></script>
        <script src="/js/classie.js"></script>
        <script src="/js/cbpGridGallery.js"></script>

смотрите исходник - http://www.sitehere.ru/examples/19.04.2014/index.html

---

Yuri_Geruk,

Подключил, всё как в исходнике, за исключением того, чта адрес расположения скрипта полностью прописал

---

Andrey Filimonov,

Стили демо:

<link rel="stylesheet" type="text/css" href="css/demo.css" />

не нужны и не забывайте что перед css должен быть слеш, иначе ошибка 404 будет и стили не будут работать, если не заработает, поищите решение на - http://yraaa.ru/ я ранее там видел подобный скрипт / плагин.

---

Yuri_Geruk,

Вы этот материал имели в виду http://yraaa.ru/publ/3-1-0-1403?lWpoDr ? ставил, не получалось, дошёл до того, что просто html код, таблицу стилей и скрипты скопировал и вставил на сайт вот так http://gymbalance.ucoz.net/index/test_bloga/0-4 . Ну почему они не выравниваются как в примере?

---

Andrey Filimonov,

Если не получается обращайтесь к фрилансерам - https://upartner.pro/ пусть сделают за вас.

---

Yuri_Geruk,

ну всё же сделал, кроме выравнивания, возможно дело в одном селекторе. Вам это может быть очевидно, почему в двух одинаковых страницах материалы выравниваются по разному, почему тут http://gymbalance.ucoz.net/index/test_bloga/0-4 не так как тут http://yraaa.ru/test/85/