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



 

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

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

2 страниц V   1 2 >
Открыть тему
Тема закрыта
> Вывод картинки в краткой новости(dle)
Tifozya
Tifozya
Topic Starter сообщение 23.10.2012, 16:06; Ответить: Tifozya
Сообщение #1


В краткой новости ставлю картинку превью, но она вечно
вылазит за пределы новости, уменьшение размера картинки
не особо помогает все равно как то не айс
выглядит.Сильно видно когда картинка больше текста.
Скрин

Собственно как сделать что бы изображение в краткой
новости было всегда одного размера и не вылазило за грани
при малом количестве символов ?
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
andreykashops
andreykashops
сообщение 23.10.2012, 17:03; Ответить: andreykashops
Сообщение #2


Нужно вносить правки в CSS или делать картинку по средине(эта функция есть при вставке картинки)
Т. к. в стандарте прописано свойство float:left; из за чего и вылазит она.


--------------------
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Tifozya
Tifozya
Topic Starter сообщение 23.10.2012, 17:22; Ответить: Tifozya
Сообщение #3


(andreykashops @ 23.10.2012, 16:03) *
andreykashops

Она мне слева и нужна...
В одном шаблоне видел что если картинки нет то рамка для нее есть нужного размера,но к сожалению не смог перенести в свой шаблон...
andreykashops , не подскажете какие примерно правки нужно вносить?

.fstory{ background:#f0f0f0; padding:10px 10px 10px 10px; font-size:1.3em; }
      .fstory a{color:#BC820D;}
      .fstory a:hover{color:#BC820D; text-decoration:underline;}
.story { background:#f0f0f0; padding:10px 10px 5px 10px; font-size:1.3em;}
      .story a{color:#BC820D;}
      .story a:hover{color:#BC820D; text-decoration:underline;}
.fstory img {padding-top: 2px; max-width: 720px; }
.story img {padding-top: 2px;  max-width: 720px;}

.short{ margin:0 6px 0 5px; padding-bottom: 10px;}
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Karlasan
Karlasan
сообщение 23.10.2012, 17:32; Ответить: Karlasan
Сообщение #4


height:XXXpx;

пропиши для блока с короткой новостью, XXX - высота в пикселях, подбери экспериментально. блоки будут всегда одной высоты после этого.
для картинок добавь
margin-right:2px;

чтобы текст вплотную к ним не прилегал - лучше смотреться будет

Сообщение отредактировал Karlasan - 23.10.2012, 17:35


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


Да что же такое, картинки теперь норм все одного размера, а вот проблема с текстом мешает

Может кто подскажет как зафиксировать высоту новости, что бы она не сужалась когда текстовки минимум?

Проблему вроде решил вставив <div class="story">{short-story}<div style="clear:both;"></div>
Но теперь вылез другой косяк, первая новость на странице всегда больше других

и там ещё сантиметров 30 пустоты(
Как все это исправить , подскажите плиз)
Код краткой новости
<div class="short">
  <div class="title_l"><div class="title_r"><div class="title_ct">
        <div class="title"><h1>[full-link]{title}[/full-link]</h1><div style="float:right; height:16px;">[edit]<img src="{THEME}/images/edit.png" />[/edit]</div></div>
        <div class="info">Автор: {author} | {date} | {link-category} | Просмотров: {views} | Комментарии: [com-link]{comments-num}[/com-link]<div style="float:right; height:16px;">{favorites}</div></div>
  </div></div></div>
<div class="story">{short-story}<div style="clear:both;"></div>
  <div class="sfoot">
    <div class="sline"></div>[rating]<div class="rate">{rating}</div>[/rating]<div class="slink">[full-link]Подробнее[/full-link]</div>
   </div></div>
<div class="story_bt_l"><div class="story_bt_r"><div class="story_bt_ct"></div></div></div>
</div>
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
andreykashops
andreykashops
сообщение 24.10.2012, 16:13; Ответить: andreykashops
Сообщение #6


Tifozya, скиньте ссылку на сайт в ЛС попробуем помочь Вам.


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


Поблагодарили: (1)
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Alex_RD
Alex_RD
сообщение 24.10.2012, 16:34; Ответить: Alex_RD
Сообщение #7


уберите блок с clear:both под краткой новостью
в .css добавьте
.story {overflow:hidden;display:block}
.sfoot{clear:left;overflow:hidden}


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


Поблагодарили: (1)
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Tifozya
Tifozya
Topic Starter сообщение 24.10.2012, 16:55; Ответить: Tifozya
Сообщение #8


andreykashops, на локалке расположено все, свободного хостинга к сожалению нет что бы продемонстрировать...
Alex_RD, сделал как выше написали, но вылезли новые проблемы(

блок внизу новости накрыло малеха и теперь в полной новости такая пустота появилась 30см...
Х.з может верстка кривая wacko.gif
Мож кто сталкивался с ним?
http://dlefrees.ru/810-shablon-gold-nm-dle-95-96.html
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
sen8
sen8
сообщение 24.10.2012, 17:38; Ответить: sen8
Сообщение #9


Я делал вывод картинки через дополнительные поля, и Вам советую.


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


Поблагодарили: (2)
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
BuxarNET
BuxarNET
сообщение 23.1.2013, 3:41; Ответить: BuxarNET
Сообщение #10


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


Свернуть

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

  Тема Ответов Автор Просмотров Последний ответ
Горячая тема (нет новых ответов) Тема имеет прикрепленные файлыКто и зачем покупает картинки обезьян по $200 тысяч?
NFT
167 metvekot 27096 6.3.2024, 21:58
автор: Boymaster
Горячая тема (нет новых ответов) Ручной обмен, ввод/вывод электронных валют | ЮMoney, WMZ, Крипта, Приват, Монобанк | Низкие комиссии, минимальные суммы сделок
быстро, удобно, по доступному курсу
200 Sostavitel 97661 11.2.2024, 21:07
автор: Wolfhound
Открытая тема (нет новых ответов) DLE xProtect
2 xoopw 5950 15.1.2024, 21:06
автор: Diana_Wesley
Открытая тема (нет новых ответов) Sbitcoin.ru – Ввод, Вывод, Обмен: Qiwi, YD, Btc, Btc-e, PM, Cash IN, PR24, MG, WU, Нал (RU, UA).
9 sbitcoinru 6746 10.10.2023, 19:25
автор: Sbitcoin
Открытая тема (нет новых ответов) Обновить сайт на CMS DLE
1 Sawich 1641 2.9.2023, 10:10
автор: WoWeb


 



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