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



 

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

Открыть тему
Тема закрыта
> Некорректное отображение картинки в новости, Нужна помощь в CSS
propeople
propeople
Topic Starter сообщение 12.3.2014, 19:19; Ответить: propeople
Сообщение #1


Бывалый
****

Группа: User
Сообщений: 384
Регистрация: 13.8.2012
Из: Актау
Поблагодарили: 40 раз
Репутация:   9  


Здравствуйте! Нужна помощь пользователей!

В общем вид материалов такой (HTML):

Код
<div class="short">
<?if($MESSAGE$)?>
<div class="maincont">
     <img class="coment_avatarr" width="300px" src="$IMG_URL1$" align="left" style="margin: 10px;" >$MESSAGE$</a>
<br clear="all" />
</div><?endif?>
</div>


CSS таков:

Код
.short {height:200px; color:#403732;padding:10px 20px 10px 20px;}
.short a {color:#6b722e;font-size:11px;}
.short a:hover {color:#cc3548;}
.short_bot {border-top:1px solid #bcbca4;padding:10px 0 0 20px;}


Проблема у меня в том, что картинка выходит за пределы общей рамки. Не понимаю, как это сделать, чтобы размер подгонялся автоматом. Подскажите пожалуйста!



--------------------
Покупаю uCoz сайты от 100 до 500 хостов.
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
GameAgregator
GameAgregator
сообщение 12.3.2014, 19:26; Ответить: GameAgregator
Сообщение #2


Участник
***

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


Попробуйте вот здесь в CSS высоту убрать просто: .short {height:200px;


--------------------
GameAgregator.com - конверт гемблинг трафика. Казино, покер, ставки. Решения для Android.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
xrumod
xrumod
сообщение 12.3.2014, 19:34; Ответить: xrumod
Сообщение #3


Новичок
*


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


Полностью вашего вопроса не понял.

Т.е. вам для разных разрешений нужно менять размер картинки если да то вам поможет:
-Вообще можно написать скрипт для подгона картинок.
-А так же можно попробывать выставить пиксили в % соотношении. т.е. пиксили вычесляются автоматически в % от разрешения экрана.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
propeople
propeople
Topic Starter сообщение 12.3.2014, 19:52; Ответить: propeople
Сообщение #4


Бывалый
****

Группа: User
Сообщений: 384
Регистрация: 13.8.2012
Из: Актау
Поблагодарили: 40 раз
Репутация:   9  


Цитата(GameAgregator @ 12.3.2014, 20:26) *
Попробуйте вот здесь в CSS высоту убрать просто: .short {height:200px;


Получилась такая вот строка:

Код
.short {color:#403732;padding:10px 20px 10px 20px;}


Теперь вроде нормально отображается, вот правда в первом материале наоборот слишком много место пропущено :(



Сообщение отредактировал propeople - 12.3.2014, 19:57


--------------------
Покупаю uCoz сайты от 100 до 500 хостов.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
falken
falken
сообщение 12.3.2014, 20:33; Ответить: falken
Сообщение #5


online
*******

Группа: Ex-Moderator
Сообщений: 3742
Регистрация: 23.3.2011
Поблагодарили: 3986 раз
Репутация:   361  




На форуме многим нужна помощь. Еще на форуме имеются правила. Не нужно быть эрудитом для того, чтобы составить осмысленный заголовок. Думать совсем не больно, поверьте.

На это не нужно отвечать.


Поблагодарили: (1)
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Solus_Rex
Solus_Rex
сообщение 12.3.2014, 23:02; Ответить: Solus_Rex
Сообщение #6


Участник
***

Группа: User
Сообщений: 158
Регистрация: 22.7.2013
Из: СПб
Поблагодарили: 68 раз
Репутация:   10  


propeople,
Дадите сайт глянуть?


--------------------
Ку
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
bbkd
bbkd
сообщение 13.3.2014, 16:07; Ответить: bbkd
Сообщение #7


Участник
***

Группа: User
Сообщений: 149
Регистрация: 2.9.2012
Из: Ставрополье
Поблагодарили: 45 раз
Репутация:   7  


Если правильно понял, то чтобы картинка подгонялась под размер блока нужно задать для нее размеры в %, например, max-width: 100%
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Danis92
Danis92
сообщение 16.3.2014, 14:13; Ответить: Danis92
Сообщение #8


Новичок
*

Группа: User
Сообщений: 26
Регистрация: 31.12.2012
Поблагодарили: 3 раза
Репутация:   0  


лучше под это тело подгонять картинку под размеры скриптом ,так и страница будет меньше весить ,есть готовые решения ,а так должно подойди решение с % max-width


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


Свернуть

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

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Чем сжимать картинки для сайта без потери качества
1st-finstep.ru - Заработок в сети и методы продвижения сайта
8 komarik_vlad 960 12.12.2017, 23:24
автор: komarik_vlad
Открытая тема (нет новых ответов) Новости mail.ru появятся в "рекомендациях" Вконтакте?
19 eduarddis 2760 12.12.2017, 20:37
автор: galikfor
Горячая тема (нет новых ответов) Крупные новостные (СМИ) площадки, Яндекс Новости, Google News, анонсы, хорошая посещаемость.
37 NastyaLanPR 14165 7.12.2017, 9:46
автор: NastyaLanPR
Открытая тема (нет новых ответов) Не отображаются картинки на главной WP
7 DONPOZITIV 972 30.11.2017, 7:33
автор: Nell
Открытая тема (нет новых ответов) Отображение таблиц в Wordpress
Необходима помощь
12 mdobyshev 818 30.11.2017, 7:25
автор: Nell


 



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