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



 

Здравствуйте, гость ( Вход | Регистрация )

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


Частый гость
**

Группа: User
Сообщений: 72
Регистрация: 12.8.2014
Поблагодарили: 12 раз
Репутация:   2  


Делаю проект (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


Бывалый
****

Группа: User
Сообщений: 494
Регистрация: 27.3.2014
Поблагодарили: 102 раза
Репутация:   8  


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


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


Частый гость
**

Группа: User
Сообщений: 72
Регистрация: 12.8.2014
Поблагодарили: 12 раз
Репутация:   2  


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



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

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


WordPress is my Life..
******

Группа: Active User
Сообщений: 1427
Регистрация: 21.7.2012
Из: Украины
Поблагодарили: 633 раза
Репутация:   139  


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


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


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


Частый гость
**

Группа: User
Сообщений: 72
Регистрация: 12.8.2014
Поблагодарили: 12 раз
Репутация:   2  


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

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

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


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


Свернуть

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

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Покупаем трафик под Chrome
3 Angiot 1173 28.11.2017, 16:19
автор: rostuvel
Открытая тема (нет новых ответов) Google Chrome поможет улучшить юзабилити сайтов
5 jack 857 4.11.2017, 11:30
автор: SOROKVLAD29
Открытая тема (нет новых ответов) Ищем декстопный chrome трафик
4 extensions 1279 17.10.2017, 15:17
автор: Michaele
Открытая тема (нет новых ответов) Проблемы с merchant.webmoney.ru
4 deather 578 12.10.2017, 15:46
автор: phoenix_kys
Открытая тема (нет новых ответов) Нужен человек для работы с картинками
2 Tootkin 671 15.9.2017, 19:40
автор: OswinOswald


 



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