Проблема с блоком "Описание блога"

Доброй ночи)

При добавлении картинок в описании блога в блоке они выходят за границу. Подскажите где копать и что можно прописать что бы картинки как то масштабировались при выводе в блоке.

спасибо!

На скрине вариант с overflow: hidden у .block, что тоже выглядит весьма не очень…

32 комментария

avatar
<img width= src=""  alt="" />

width= либо число пикселей либо размер в процентах =)
  • treek
  • 0
avatar
max-width, max-height никто не отменял.
  • PSNet
  • 0
avatar
IE 6 отменял :D
avatar
если вы тянете ИЕ6 тогда мне даже нечего просто вам сказать.
вот именно вы и тянете то, что должно было отпасть само собой.

вы вообще представляете работу в ИЕ6?
avatar
IE 6 тянется в зависимости от проекта. Если, допустим, сайт города, то надо предусматривать под IE6 т.к. пользователи от 40 лет врядли знают про существование IE7 и т.п. (а если знают, то не используют).

Я мечтаю о том времени, когда он совсем исчезнет :D
avatar
тут есть замечательный плагин, который пользователям ИЕ быстро расскажет что и где скачать.
avatar
Ну а если юзер совсем «не юзер». Он просто откажется от сайта!
avatar
Вот что получается
avatar
max-width?
avatar
Скрин когда ставил их оба с параметром 250 для .block
avatar
а уверенны что блок имеет ширину в 250 пикселей?
avatar
не вооруженным взглядом видно что он в два раза меньше
avatar
да вполне похоже на 250 по моему, в любом случае фото даже до этих размеров не хочет ужиматься… строка выглядит так .block { padding: 15px 20px; background: #fff; margin-bottom: 15px; border: 1px solid #ddd; border-radius: 7px; box-shadow: 0 0 5px #eee; max-width: 250px; max-height: 250px }

и блок стал узким когда я прописал width и height, где же ему еще взять параметры…
avatar
я вам не про блок говорю, а про изображение.
зачем вы в.блок это пихаете? это нужно отдельный класс .block.contacts img
avatar
попробывал… это отвечет за картинку в профиле и всё :(
avatar
а. стоп. пардон. я про профиль подумал. ну так пропишите картинке класс и добавьте в ксс что-то типа:

.block img.ВАШ_КЛАСС { max-width: 100px; max-height: 100px; }
avatar
Увы не знаю как это делать :( я не могу найти где вообще генерируется то что в блоке. В тпл только и где оно сидит я хз :(
Идея в том, что бы сделать вывод описания блога, как когда создается пост с права, видимым и при просмотре блога и при чтении постов из него… а с такими большими картинками будет паршиво смотреться на разрешении ниже 1980 и в то же время не хотелось бы что бы картинки уменьшались в выпадающем описании блога( хотя это и не обязательно ибо выпадающее меню если будет норм вид с боку вообще не нужно)
avatar
ок. я понял. будем по-этапно. как вы вставляете туда картинку? код напишите
avatar
Код стандартный шаблона new-jquery, у блока в коде только:

<div class="block" >
	
	<h2>{$aLang.block_blog_info}</h2>						
<p id="block_blog_info">			
</div>
	
<div class="block" >		
	<h2>{$aLang.block_blog_info_note}</h2>						
	<p>{$aLang.block_blog_info_note_text}</p>					
</div>


выходит, что генерация содержимого блога где то в пхп зарыта? Я несколько возможных файлов просмотрел и не нашел ничего похожего.

Картинки эти грузили при создании блога в его описание. В идеале бы я уверен всё решил плагин превьюшек картинок загружаемых но под 0.5 его тупо нет…
avatar
Картинки эти грузили при создании блога в его описание. В идеале бы я уверен всё решил плагин превьюшек картинок загружаемых но под 0.5 его тупо нет…
вот я об этом и спрашиваю. Код картинки покажите
avatar
в описании блога оно выглядит так:
<img src="http://jdm-club.org/uploads/images/00/00/03/2011/09/24/a44670.jpg"/>
avatar
вот и пришли к главному, пропишите её так:


<img class="BlogInfoImage" src="http://jdm-club.org/uploads/images/00/00/03/2011/09/24/a44670.jpg"/>


Откройте templates/skin/ВАШ_ШАБЛОН/css/style.css в конец добавьте строки:


.block img.BlogInfoImage {
    max-width: 100px;
    max-height: 100px;
}
avatar
Спасибо за возможное решение) Надо только всем по голове стучать что бы если пихают туда картинки то правили ;)
avatar
исправьте в КСС файле тот код на этот


img.BlogInfoImage {
    max-width: 100px;
    max-height: 100px;
}


так как описание блога может быть не только в сайдбаре
avatar
Да как раз только сайдбар и нужен) в остальных местах картинки не вылазят за границы сайта) спасибо большое)
avatar
пожалуйста )
avatar

И кеш потом не забудь почистить
avatar
тьфу блин
<img src="путь-к-картинке" alt="" width="300" height="500">
avatar
Так проблема то в том что картинка не статична :( а где бы найти параметры этого блока… в его тпл только отсылка к переменной которую я не нашел. Была бы там статика то я бы давно уже все выровнял…
avatar
rnd
avatar
Смотрю, что проблему не решили и у меня не выходит :( Нужно что бы фото уменьшалась по заданному параметру и отображалось корректно а не вылазить за рамки.
avatar
Так в чем проблема-то? Если прямо указать картинке ширину вывода по ширине блока, куда же она денется? :) Большую сожмет, а маленькую растянет до ширины блока.
Только зарегистрированные и авторизованные пользователи могут оставлять комментарии.