qweezz

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

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

qweezz    8

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

 

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

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

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

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

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

 

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

 

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


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

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

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


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

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

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


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

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

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


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

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

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

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


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

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

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


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

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

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


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

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

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


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

Объясните пожалуйста, что я делаю не так и как надо. Проблема в расстояниях от заголовка до списка, кажется что везде 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>

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


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

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

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


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

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

 

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

 


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

 

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

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


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

templater,

 

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

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


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

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

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

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

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

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

Войти

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

Войти


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

    • От prdobie
      Требуется верстальщик с практическими знаниями структуры опенкарта (понять, что где лежит)
       
      Задачи: 
       
      - Выбор фильтра в адаптипе (активный/нажатый) окно сворачивается автоматом: http://prntscr.com/hl5cwe
      - Наезд хлебных крошек на меню: http://prntscr.com/hl5dnm
      - Ховер при наведении
      - Вывести блок с текстом в шапку и подвал http://prntscr.com/hl5efl
      - Плавающий блок справа при скролле http://prntscr.com/hl5eog
       
      И остальные задачи, для быстрой связи: nikita.kh1 (бюджет предлагайте/обсуждаем)
    • От andreymartynov008
      При наполнении статьи информацией следующий косяк:
      http://krumart.ru/sale 
      http://krumart.ru/polair-gm (при сдвиге браузера не происходит адаптация)
       
      Вообщем не нужно сделать блок как на картинках (примеры сайтов), и вставить это себе, чтобы корректно все работало.
      Писать в вк https://vk.com/andreyjkeeee с пометкой "opencart". Возможно придется делать не один блок (все зависит от стоимости работы)

      Есть сайты откуда эти скриншоты, возможно взять готовый код и его отредактировать, на ваше усмотрение, как будет быстрее и дешевле







    • От rgee
      Требуется исполнитель для выполнения следующих работ на сайте:
      - Изменить вид главного меню.
      - Внести измнения в хеадер и футер.
      - Вывести галерею Инстаграм по определенному хэштэгу на главную
      - Добавить отметку в наличии товар или нет на странице категорий.
      Более подробное ТЗ скину.
    • От VAgU
      Всем Привет.
      Собственно ищу верстальщика на интернет магазины.
      Проекты разные, есть рабочие и есть с 0.
      Очень интересует опыт работы с чужим кодом.
      Верстать быстро и аккуратно.
      Оплата сдельная.
      На первых порах пост оплата.
      Потом возможен аванс.
      Только для Украины, из других стран есть проблемы с оплатой услуг.
      Примеры работ и ценник в личку.
       
      P.S. сразу пишу что бы потом не говорили что не предупреждал - не ныть по поводу ужасного кода.
       
    • От GlobakFish
      Добрый день!
       
      Нужна помощь во внесении ряда изменений на сайте интернет-магазина. Все эти правки разместил во вложении.
       
      Возможно , чтобы все это сделать, проще поменять шаблон, тут мы открыты для предложений!)
      Работы по сайту.docx
  • Последние посетители   0 пользователей онлайн

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