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



 

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

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


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

Группа: User
Сообщений: 54
Регистрация: 28.12.2011
Поблагодарили: 2 раза
Репутация:   -1  


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

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


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

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


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


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


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

Группа: User
Сообщений: 54
Регистрация: 28.12.2011
Поблагодарили: 2 раза
Репутация:   -1  


(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


Участник
***

Группа: User
Сообщений: 122
Регистрация: 25.4.2008
Поблагодарили: 63 раза
Репутация:   19  


height:XXXpx;

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

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

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


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


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

Группа: User
Сообщений: 54
Регистрация: 28.12.2011
Поблагодарили: 2 раза
Репутация:   -1  


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

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

Проблему вроде решил вставив <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


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

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


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


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


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


Бывалый
****

Группа: User
Сообщений: 299
Регистрация: 25.11.2008
Поблагодарили: 131 раз
Репутация:   34  


уберите блок с 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


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

Группа: User
Сообщений: 54
Регистрация: 28.12.2011
Поблагодарили: 2 раза
Репутация:   -1  


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


Завсегдатай
*****

Группа: Active User
Сообщений: 869
Регистрация: 14.3.2011
Из: Украина
Поблагодарили: 124 раза
Репутация:   17  


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


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


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


Участник
***

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


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


Свернуть

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

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Чем сжимать картинки для сайта без потери качества
1st-finstep.ru - Заработок в сети и методы продвижения сайта
8 komarik_vlad 942 Вчера, 23:24
автор: komarik_vlad
Открытая тема (нет новых ответов) Новости mail.ru появятся в "рекомендациях" Вконтакте?
19 eduarddis 2744 Вчера, 20:37
автор: galikfor
Горячая тема (нет новых ответов) [Cashbank.pro] Qiwi>btc. Вывод и обмен. Работаем с наличными! Подарок каждому 5$
75 Cashbank 15792 Вчера, 13:57
автор: Cashbank
Открытая тема (нет новых ответов) Адаптивная вёрстка и натяжка на Wordpress, DLE, Joomla и др. Создание мобильных версий.
Хороший код с оптимизацией по скорости. Сайты и лендинги "под ключ
11 Nell 1085 11.12.2017, 15:21
автор: Nell
Горячая тема (нет новых ответов) Вывод с вебмани
204 MaxChemist 29708 11.12.2017, 13:46
автор: Mikki


 



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