0 Пользователей и 1 Гость просматривают эту тему.
  • 2 Ответов
  • 928 Просмотров
*

b13on

  • Осваиваюсь на форуме
  • 40
  • 0 / 0
Добрый день!

Проблема следующая:
На главной странице размещается материал в виде блога.
Сам пост идет корректно:
картинка
и под картинкой текст

Когда переходишь в материал есть сдвиг
картинка и справа от картинки пошел текст.
на примере:
http://kopela.com.ua/technicheskiy-analiz/o-sprede-biza-847-28022012
причем на главной - все ок...

В чем может быть прокол?
*

Marques

  • Завсегдатай
  • 1410
  • 190 / 9
  • Ctrl+F5
Потому что на главной у вас выводится картинка как миниатюра

Код: html4strict
<a class="thumbnail" href="/technicheskiy-analiz/o-sprede-biza-847-28022012">
<img border="0" src="/images/remote/http--clip2net.com-clip-m5731-1330429849-clip-5kb.png">
</a>

а в материале как полная картика

Код: html4strict
<p>
<img border="0" src="/images/remote/http--clip2net.com-clip-m5731-1330429849-clip-5kb.png">
</p>

и для этой картинки применяется CSS из http://kopela.com.ua/templates/gk_twn2/css/joomla.css

 
Код: css
 .articleContent img, .feed-item-description img {
    background: none repeat scroll 0 0 #FFFFFF;
    display: block;
    float: left;
    margin: 0 10px 10px 0;
    padding: 0;
}
 

Смотрите в настройке шаблона, или отображения картинки, или уберите из CSS float: left
Зануда перфекционист, не признающий авторитетов, ищет легкую работу за большие деньги - http://dtkp.ru/ s@dtkp.ru
*

b13on

  • Осваиваюсь на форуме
  • 40
  • 0 / 0
Потому что на главной у вас выводится картинка как миниатюра

Код: html4strict
<a class="thumbnail" href="/technicheskiy-analiz/o-sprede-biza-847-28022012">
<img border="0" src="/images/remote/http--clip2net.com-clip-m5731-1330429849-clip-5kb.png">
</a>

а в материале как полная картика

Код: html4strict
<p>
<img border="0" src="/images/remote/http--clip2net.com-clip-m5731-1330429849-clip-5kb.png">
</p>

и для этой картинки применяется CSS из http://kopela.com.ua/templates/gk_twn2/css/joomla.css

 
Код: css
 .articleContent img, .feed-item-description img {
    background: none repeat scroll 0 0 #FFFFFF;
    display: block;
    float: left;
    margin: 0 10px 10px 0;
    padding: 0;
}
 

Смотрите в настройке шаблона, или отображения картинки, или уберите из CSS float: left

Спасибо!, убрал float: left и все отлично.
Спасибо!
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

Уникальное имя файла/Название изображения/Alt текст изображения

Автор Ihor

Ответов: 1
Просмотров: 1489
Последний ответ 07.12.2017, 10:08:00
от Andrii
не сохраняется материал с большим количеством символов

Автор diman_bush

Ответов: 0
Просмотров: 565
Последний ответ 30.08.2017, 05:40:23
от diman_bush
Не отображаются картинки в материалах.

Автор martinez

Ответов: 6
Просмотров: 8656
Последний ответ 15.08.2017, 17:54:07
от luj
Умный поиск, как убрать "текст для поиска"?

Автор planetaryi

Ответов: 7
Просмотров: 3262
Последний ответ 15.07.2017, 12:45:36
от vipiusss
Поисковики не видят переведённый текст (на /en)

Автор Aquasonick

Ответов: 4
Просмотров: 803
Последний ответ 11.10.2016, 11:43:20
от 1-F7