Перейти к содержанию
qweezz

Красивая верстка текста на сайте, возможна?

Рекомендуемые сообщения

Здравствуйте

 

Хочу сделать оформление текста на сайте приятным для читателя. Используя CKEditor 4 у меня так не выходит.

Проблемы следующего плана:

1. Если делаю маркированный список, то слишком далеко сдвигается текст с булетами, а под списком образуется пространство в два enter до последующего текста.

2. Можно ли использовать абзацы? Чтобы без space.

3. Не получается делать красивые таблицы. Необходимо вставить таблицы для некоторых товаров, как правило, для каждого товара своя нестандартная таблица (некоторые строки или ячейки объединены, другие нет), есть способ делать таблицы просто и красиво, как в экселе?

 

Есть ли какое-то решение? Модуль или как сделать так, чтобы отформатированный текст выглядел так же как в ворде?

 

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Верстать в html (можно даже с подключением своих стилей из stylesheet.css) и вставлять в описание через источник.

  • +1 1

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Самое время вам познакомиться с html и  CSS - через встроенный редактор красоты не сделаешь :)

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Подскажите название программы в которой это делать (очень надеюсь и верю, что есть программы удобнее блокнота)?

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Подскажите название программы в которой это делать (очень надеюсь и верю, что есть программы удобнее блокнота)?

как вариант очень удобна простая программка "Notepad++", либо что то типа ДриВивепа от Адойб или что то похожее.

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Дело в том, что даже листик и ручка в этом случае - "удобная программа". Скорее, нужно знать, чего Вы хотите, а исполнение - оно уже неважно чем будет реализовано.

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Microsoft Office SharePoint - проще не придумать. С задачей справится.

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Акуратная верстка как-то положительно сказывается на ранжировании сайтов?

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Объясните пожалуйста, что я делаю не так и как надо. Проблема в расстояниях от заголовка до списка, кажется что везде 2 enter или даже 3

 

1. Вот так выглядит текст если форматировать через админку сайта:

fact.png

 

Я хочу, чтобы выглядело вот так (отформатированно в ворде):

word.jpg

 

Вот так выглядит когда я вставляю текст через Источник:

m.png

 

Проблема в излишних Enter/Enter/Enter

 

Вот код который у меня получился:

<p><b>Форма выпуска:</b>
<ul type=disk>
<li>100 мл в удобном флаконе небольшого размера с крышкой флип-флоп
<li>0,5 л во флаконе прямоугольной формы
<li>1 л в стандартном еврофлаконе прямоугольной формы для локтевых дозаторов:
<ul type=disk>
<li>MDS-1000 (Saraya)
<li>SM 2 (Шульке и Майер)
<li>Ингасепт (Лизоформ)
<li>УМР-01 (Петроспирт)
<li>МИД-01 (МИДгруп)
<li>LCP T 1000 (Antiseptica)
<li>V-Elbow (Дезиндустрия)
<li>ДУ-010 (БелАсептика)
</ul>
<li>1 л для дозаторов GUD-1000 и HDI-9000
<li>1,2 л для дозаторов UD-9000 и MD-9000
</ul></p>
 
<p><b>Антимикробная активность:</b> бактерицидная, вирулицидная, фунгицидная, туберкулоцидная</br>
<b>Активный компонент:</b> 2- пропанол 60%, 1-пропанол 10 %, полигексаметиленбигуанид гидрохлорид 0,1% (Алсофт Е обладает высокой бактерицидной активностью и низкой цитотоксичностью)</br>
<b>pH:</b> 4-8</br>
<b>Срок годности:</b> 3 года</br></p>

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

<p></p> убирайте. Поможет.

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

назначьте спискам собственные классы:
 

 

<ul class="parent>
<ul class="child></ul>
</ul>
 

 


а в стилях пропишите свойства этим классам:
 

 

.parent {padding: 0; margin:0;}
.child {padding: 0; margin:0; list-style-type: disc;}
 

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

templater,

 

Я не очень силен в html и тем более в CSS, есть только общее понимание что это за штуки. Правильно ли я понимаю, что в CSS можно внести изменения и что у тех описаний, которые уже размещены на сайте исчезнут лишние enter/enter? И в дальнейшем при добавлении описаний с заголовками и маркированными списками, никогда не будет проблемы с enter/enter?

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Для публикации сообщений создайте учётную запись или авторизуйтесь

Вы должны быть пользователем, чтобы оставить комментарий

Создать учетную запись

Зарегистрируйте новую учётную запись в нашем сообществе. Это очень просто!

Регистрация нового пользователя

Войти

Уже есть аккаунт? Войти в систему.

Войти

  • Похожий контент

    • От leonidos0071
      Требуется натянуть верстку на опенкарт. 2 страницы, главная - товар. Ну и доработки в дальнейшем. Примерный объем работы скину по запросу) 
    • От Zwuk
      Здравствуйте.
      Требуется сделать такое для сайта https://asparket.ru/
      1. В карточке товара имеются вкладки (фото1), можно добавить дополнительные для каждого и это очень удобно.
      Получается, что они находятся на одной линии и если просматривать с ПК то в принципе переключение между вкладками достаточно удобно. Но если смотреть с мобильника, то эти вкладки просто незаметны и отображаются небольшими надписями.
      Нужно сделать как на этом сайте https://polvamvdom.ru/p-11_002_00001/    (фото2)
      Тут вкладки имеют якорные ссылки и при нажатии на название вкладки происходит опускание вниз. Тем самым пользователь просто крутит колесико и просматривает страницу и самое главное теперь весь контент становится с мобильника доступен.
      Кто хорошо сможет реализовать такую функцию и какова будет цена?
      Также очень важна скорость загрузки страницы, чтобы она не увеличилась


    • От AWARO
      500.00 руб
      Скачать/Купить дополнение


      Доработка модулей, верстка и т.д.
      Прежде чем оплатить спрашиваем подробности в ЛС!!
      Доработка oпенкарт
      Доработка модулей
      Верстка и т.д.
      так же
      Доработка ocStore 2.3.0.2.3  и модулей до полноценного оптового интернет магазина
      отдельные прайс листы связанные с корзиной закупок + оптовая корзина закупок и т.д. и т.п.
      подробности в ЛС
      Добавил AWARO Добавлено 06.07.2018 Категория Услуги  
    • От AWARO
      Прежде чем оплатить спрашиваем подробности в ЛС!!
      Доработка oпенкарт
      Доработка модулей
      Верстка и т.д.
      так же
      Доработка ocStore 2.3.0.2.3  и модулей до полноценного оптового интернет магазина
      отдельные прайс листы связанные с корзиной закупок + оптовая корзина закупок и т.д. и т.п.
      подробности в ЛС
    • От Yarilo
      Добрый день! Ищем исполнителя для вёрстки шаблона Luxury на ocstore 2.3 по psd макету. Готовые макеты: главная страница и товары (страница категорий в разработке 2-3 дня).
      Интересуют сроки и стоимость работ. Желательно что-бы исполнитель был зарегистрирован на сайте фриланса kwork.ru
  • Последние посетители   0 пользователей онлайн

    Ни одного зарегистрированного пользователя не просматривает данную страницу

×