Tilonorrinco
-
Posts
62 -
Joined
-
Last visited
-
Days Won
8
Community Answers
-
Tilonorrinco's post in Как задать фото, которое подтягивается при вставке URL? was marked as the answer
Если что-то не работает, можно протестировать в онлайн-сервисах (точно есть у фейсбука и твиттера, обычно если в них все норм, то и на других сайтах тоже). Там обычно все довольно подробно расписано.
Вот ссылка на дебаггер фейсбука:
https://developers.facebook.com/tools/debug/sharing
На фейсбуке погружается картинка с Мэрилин, ссылка на которую возвращает 404 страницу. Поэтому изображение не отображается.
В телеге все работает норм и подгружает фотографию.
У некоторых сервисов есть своя специфика: где-то есть ограничения по минимальному размеру изображения, где-то требуются только абсолютные пути в ссылках, определенные расширения и т.п. Можно конечно все это гуглить, но самый простой вариант -- взять сайт, где все работает норм, типа habrahabr и скопировать все теги оттуда, подправив содержание и ссылки по-аналогии.
Если подгружается старая картинка, можно очистить кэш (на сайте дебаггера для каждой соцсети) или подождать.
-
Tilonorrinco's post in Помогите с версткой was marked as the answer
border'ом не получится, там процентами ширину рамки не задашь, поэтому самый простой способ -- через картинку и псевдоэлемент/фон.
Я бы сделал псевдоэлементом, так проще управлять шириной изображения.
http://jsbin.com/yeporafulu/edit?html,css,output
-
-
Tilonorrinco's post in Полосы в psd макете & вопросы was marked as the answer
1) полосы -- фон, который задается либо через изображение, либо через градиент
2) фон этот, скорее всего, присвоен блоку-обертке, который является родительским для двух других блоков (с текстом who we are, what we do)
3) изображения можно обрезать через css, поместив их в контейнер (типа <figure>) с overflow: hidden. Но проще всего обрезать в фотошопе.
4) рамку, разделяющую два блока можно реализовать через псевдоэлемент, присвоенный блоку-обертке, отцентрированный вертикально с помощью абсолютного позиционирования. Псевдоэлемент этот может быть как фиксированной высоты, так и растягивающийся в зависимости от высоты блока-обертки.
5) Сетку можно строить как через флоат, так и через инлайн-блок, у каждого способа свои плюсы и минусы.
-
Tilonorrinco's post in Как лучше реализовать декоративную рамку? was marked as the answer
Я немного поизвращался в песочнице и получилось вот так:
https://jsfiddle.net/bth3uuL4/2/