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
Сообщений: 1434
Регистрация: 21.7.2012
Из: Украины
Поблагодарили: 641 раз
Репутация:   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
Сообщений: 1434
Регистрация: 21.7.2012
Из: Украины
Поблагодарили: 641 раз
Репутация:   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
Сообщений: 117
Регистрация: 18.7.2012
Поблагодарили: 17 раз
Репутация:   2  


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


Свернуть

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

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Вывод на Сбербанк 6% | Работаю быстро
WMR/Яндекс > Сбербанк
15 rudnizki 4025 Сегодня, 11:48
автор: rudnizki
Горячая тема (нет новых ответов) Услуги продвижения сайтов, SEO специалист (эффективный вывод в Топ)
Качественно и гибкие цены
47 mvchansas 7457 Сегодня, 11:06
автор: mvchansas
Горячая тема (нет новых ответов) Обмен WebMoney - Яндекс - QIWI - Bitcoin BTC и другая крипта. Вывод/ввод Приват24 UAH
142 himin 48374 Вчера, 15:56
автор: himin
Открытая тема (нет новых ответов) VDS4YOU.COM – VPS / VDS серверы в России. Новости, акции, скидки.
Качественный и надежный хостинг с очень низкими ценами.
12 vds4you 2504 23.5.2018, 14:26
автор: vds4you
Открытая тема (нет новых ответов) Тема имеет прикрепленные файлыОцените сайт "бизнес, новости, право". В чем проблема?
22 Merzuka 3161 23.5.2018, 12:15
автор: nikolay_web


 



RSS Текстовая версия Сейчас: 25.5.2018, 23:33
Дизайн