О сайте | Обратная связь | Памятка для вебмастера
[ Регистрация · Войти · Новые сообщения · Участники · Правила форума · Поиск · RSS ]
Страница 1 из 11
Модератор форума: Anka_kuşu, Souteneur 
Форум » Создание сайта » Ucoz » Как убрать ненужный отступ под картинкой $IMAGE1$
Как убрать ненужный отступ под картинкой $IMAGE1$
akula-z1 Дата: Суббота, 27.05.2017, 21:15 | Сообщение # 1
Первоклашка
Группа: Пользователи
Сообщений: 6
Город: Симферополь
Репутация: 0
Статус: Offline
Здравствуйте.
Столкнулась с такой проблемой - на сайте используется стандартный шаблон от Юкоз номер 1321. В нем есть такой баг - картинки загруженные через $IMAGE1$ намертво пристают к левому краю и потом их по центру никак не поставить.
Один мой знакомый, который немного разбирается в этой теме, посоветовал мне сделать вот что: в CSS стилях в строке .eMessage img,.eText img {max-width:100%; height:auto!important;float:left;margin:5px 20px 5px 0!important;border:none!important;} удалить float: left; После чего вставлять в материал изображения через вот такую конструкцию - <div style="float:left">$IMAGE1$</div> чтобы текст обтекал картинку.
Этот способ помог, но есть одна загвоздка, под картинкой $IMAGE1$ образуется пустое белое пространство, которое очень портит вид. Как его убрать - никто не знает?
Очень прошу вашей помощи, так как сама, к сожалению, в этом не понимаю. В поддержке Юкоза мне тоже ничего путного не сказали, увы.
Вот скриншот проблемы

Ссылка на страницу http://tvsport.at.ua/publ/sportivnye/setanta_sport_pljus_smotret_onlajn/1-1-0-1
KorniloFF Дата: Воскресенье, 28.05.2017, 08:35 | Сообщение # 2
Профессор(ша)
Награды: 27
Группа: Администраторы
Сообщений: 3508
Город: Ялта
Репутация: 251
Статус: Offline
akula-z1, нужно изображение вставить в тот же параграф, что и текст.
Так:
Код
<p><img style="margin:0;padding:0;border:0;float: left;" src="/_pu/0/73810177.png" align="">Setanta Sports+ (Сетанта Спорт Плюс) – популярный международный русскоязычный телеканал, который транслирует онлайн самые значимые и крупные спортивные события. Здесь вы можете смотреть в прямом эфире трансляции чемпионата по хоккею, футболу, боксу, единоборствам, автогонкам, а также наслаждаться просмотром увлекательных передач о великих спортсменах и тренерах.</p>


А сейчас вот так:
Код
<td class="eText" colspan="2"><div style="float:left"><!--IMG1--><img style="margin:0;padding:0;border:0;" src="/_pu/0/73810177.png" align=""><!--IMG1--></div>

<p>Setanta Sports+ (Сетанта Спорт Плюс) – популярный международный русскоязычный телеканал, который транслирует онлайн самые значимые и крупные спортивные события. Здесь вы можете смотреть в прямом эфире трансляции чемпионата по хоккею, футболу, боксу, единоборствам, автогонкам, а также наслаждаться просмотром увлекательных передач о великих спортсменах и тренерах.</p>




Z146965124780
R374477004237
Ну, или хотя бы добавьте в репутацию.


akula-z1 Дата: Воскресенье, 28.05.2017, 13:17 | Сообщение # 3
Первоклашка
Группа: Пользователи
Сообщений: 6
Город: Симферополь
Репутация: 0
Статус: Offline
KorniloFF, Не совсем поняла, как именно нужно вставить в визуальном редакторе?
У меня изображение вставляется через $IMAGE1$. Вот так
Код
<div style="float:left">$IMAGE1$</div>

<p>Setanta Sports+ (Сетанта Спорт Плюс) – популярный международный русскоязычный телеканал, который транслирует онлайн самые значимые и крупные спортивные события. Здесь вы можете смотреть в прямом эфире трансляции чемпионата по хоккею, футболу, боксу, единоборствам, автогонкам, а также наслаждаться просмотром увлекательных передач о великих спортсменах и тренерах.</p>


А должно быть как?

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


Сообщение отредактировал akula-z1 - Воскресенье, 28.05.2017, 13:31
KorniloFF Дата: Понедельник, 29.05.2017, 17:34 | Сообщение # 4
Профессор(ша)
Награды: 27
Группа: Администраторы
Сообщений: 3508
Город: Ялта
Репутация: 251
Статус: Offline
akula-z1, я дал вам ответ. Причём тут виз. редактор? Я дал код, который нужно изменить. Сначала дал блок, который должен быть, под словом Так, а ниже привёл код существующего положение под фразой А сейчас вот так.
Что тут не понятного?
И бросайте свои визуальные редакторы, если хотите сайтом заниматься, а не баловством.




Z146965124780
R374477004237
Ну, или хотя бы добавьте в репутацию.
Форум » Создание сайта » Ucoz » Как убрать ненужный отступ под картинкой $IMAGE1$
Страница 1 из 11
Поиск:
Как убрать ненужный отступ под картинкой $IMAGE1$ - Создание сайта - Ucoz - Форум
Сегодня были на форуме:

Конструктор кнопок он-лайн


Получить код CSS

Подбор цветов

Справочник по html и CSS

Наши копирайтеры

Поиск