X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость (

| Вход | Регистрация )

Открыть тему
Тема закрыта
> Проблемы с картинками в Chrome
Poesie
Poesie
Topic Starter сообщение 1.9.2014, 18:32; Ответить: Poesie
Сообщение #1


Делаю проект (motivora.com)
WordPress
Проблема с отображением картинок в Google Chrome. Они растягиваются

Во всех других браузерах все нормально, для сравнения - скрин из Safari




HTML

Код
<article id="post-175" class="post-175 post type-post status-publish format-standard has-post-thumbnail hentry category-uncategorized">
<a href="http://motivora.com/wp-content/uploads/2014/08/riei.jpg" rel="fancybox"><img width="650" height="399" src="http://motivora.com/wp-content/uploads/2014/08/riei.jpg" class="attachment-post-thumbnail wp-post-image" alt="riei"></a>
</article>


CSS


Код
article {
    padding-left: 30px;
    display: inline-block;
    width: 40%;
    height: 40%;
}

.attachment-post-thumbnail {
    width: 100%;
    border-radius: 5px;
    height: 100%;
}


Сообщение отредактировал Poesie - 1.9.2014, 18:35
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
VulkanPartner
VulkanPartner
сообщение 1.9.2014, 18:43; Ответить: VulkanPartner
Сообщение #2


Poesie, попробуйте убрать вообще "height: 100%;" в ".attachment-post-thumbnail"...


--------------------
Perestroika Affiliates - ведущая гемблинг-партнерка с выплатами до 60% от дохода казино!
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Poesie
Poesie
Topic Starter сообщение 1.9.2014, 18:48; Ответить: Poesie
Сообщение #3


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



А если width:100% убить, то

Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
andreykashops
andreykashops
сообщение 1.9.2014, 18:56; Ответить: andreykashops
Сообщение #4


Покрутитесь вокруг
Код
height: auto;


--------------------


Поблагодарили: (1)
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Poesie
Poesie
Topic Starter сообщение 1.9.2014, 19:00; Ответить: Poesie
Сообщение #5


Проблема решилась с помощью height: auto;
Спасибо andreykashops :)
Можно закрывать

+, если не сложно, пусть закрывший модератор потрет урл + скрины (на всякий случай).

Замечание модератора:
Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней.
Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой
или обратитесь к любому из модераторов.


Сообщение отредактировал Poesie - 1.9.2014, 19:09


Поблагодарили: (1)
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Проблемы с со смартфоном Redmi Note 5
(умирает аккамулятор)
23 Room 1526 20.1.2023, 21:17
автор: Room
Открытая тема (нет новых ответов) Проблемы с подключением к Wi Fi
Нулевый ноут и Windows 11
7 PostBrigada 328 9.1.2023, 16:02
автор: muratastana
Открытая тема (нет новых ответов) Куплю инсталлы на Chrome extension
1 Leadprom 949 28.2.2020, 23:26
автор: kursexpert
Открытая тема (нет новых ответов) Как убрать полоски с картинками “PushDown”
4 mstdmstd 5143 8.10.2018, 17:31
автор: -Сабж-
Открытая тема (нет новых ответов) Покупаем трафик под Chrome
3 Angiot 3016 28.11.2017, 16:19
автор: rostuvel


 



RSS Текстовая версия Сейчас: 7.2.2023, 12:12
Дизайн