Форум программистов, компьютерный форум, киберфорум
HTML, CSS
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 4.60/5: Рейтинг темы: голосов - 5, средняя оценка - 4.60
0 / 0 / 0
Регистрация: 06.03.2019
Сообщений: 15

Не могу написать правильные стили для текста в ePub

06.03.2019, 11:33. Показов 1098. Ответов 3
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
Доброго дня, коллеги!


Верстаю книгу в ePub, в программе Sigil. Только начинаю разбираться с HTML и CSS. К сожалению, в данный момент нет времени почитать лит-ру, но сделаю, обещаю)


Пожалуйста, подскажите, как правильно прописать стили для текста. Мне нужно чтобы h1 был Arial, а остальной текст Times. Заголовки по центру (h1, h2, h3). Когда я подключаю шрифты, у меня летит курсив( а его много в книге..


Что я делаю не так


CSS
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
@font-face {src: url(../Fonts/arialbd.ttf);
font-style: bold;
font-weight: bold;
font-family: "Arialbd"}
@font-face
{src: url(../Fonts/times.ttf)
font-weight: normal;
font-family: "Times"}
body
{font-family: "Times";
margin-left: 2%;
margin-right: 2%;
text-indent: 1.5em;
text-align: left;
color: #000000;}
h1
{text-align: center;
text-indent:1.5em;
page-break-after: avoid;
page-break-inside: avoid;
font-size: 1.2em;
color: #000000;
font-family: "Arialbd"}
h2
{text-align: center;
text-indent:1.5em;
page-break-after: avoid;
page-break-inside: avoid;
font-size: 1.2em;
color: #000000;
}
h3
{text-align: center;
text-indent:1.5em;
page-break-after: avoid;
page-break-inside: avoid;
font-style: italic;
color: #000000;
}
p
{text-indent: 0;
margin-top: 0;
margin-bottom: 0.2em;
text-align: justify;
text-indent: 1.5em;
font-family: "Times";}
.imgDiv
{text-align: center;
padding: 5px}
0
cpp_developer
Эксперт
20123 / 5690 / 1417
Регистрация: 09.04.2010
Сообщений: 22,546
Блог
06.03.2019, 11:33
Ответы с готовыми решениями:

Стили для текста
Здравствуйте! Написал я вывод на экран результата, а как присвоить ему стиль(т.е шрифт, цвет и т.д)? var sc:Number=0; // переменная...

Стили для select. Выравнивание текста по центру
Подскажите, как можно разместить текст ниже, т.е., чтобы он был посередине области select? vertical-alighn не помогает, всевозможные...

Не могу применить стили для <colgroup>
Здравствуйте. Почему-то не могу применить стили для групп колонок в таблице. Подскажите, что не так? Задача: текст в первой колонке...

3
 Аватар для andriano1990
6 / 6 / 1
Регистрация: 18.07.2014
Сообщений: 69
09.03.2019, 23:27
После имён шрифтов пропущены точка с запятой везде
Стиль body измени на .body, и h1 на .h1 и так далеес 2,3 и p
1
Модератор
Эксперт HTML/CSS
 Аватар для AlexZaw
2381 / 1741 / 677
Регистрация: 07.08.2016
Сообщений: 4,095
10.03.2019, 08:43
Цитата Сообщение от andriano1990 Посмотреть сообщение
После имён шрифтов пропущены точка с запятой везде
Необязательна там запятая, так как после имен шрифтов больше нет никаких свойств. А вот в 6-ой строке точка с запятой в конце все-таки нужна(возможно в этом и есть проблема со шрифтами)
Цитата Сообщение от andriano1990 Посмотреть сообщение
Стиль body измени на .body, и h1 на .h1 и так далеес 2,3 и p
Это еще зачем? Что, назначение стилей для тегов уже отменили?
Цитата Сообщение от Danita1 Посмотреть сообщение
Заголовки по центру (h1, h2, h3)
Они у вас и так по центру, если не считать отступа из-за text-indent:1.5em;
1
0 / 0 / 0
Регистрация: 06.03.2019
Сообщений: 15
10.03.2019, 22:32  [ТС]
Спасибо за ответ!)
Да, отступы я убрала, тут все понятно..

Может Вы сможете мне помочь.. я верстаю книгу в Sigil для того чтобы получить ePub на выходе. Беру готовый файл word, прогоняю через онлайн-конвертер и заливаю в Sigil (книги бывают большие и нужно сохранить курсив, пж и марк.списки).
После остается только немного допилить, то что сбилось и не получилось при конвертации, добавить отступы и шрифты.. и тут все. я не понимаю) Я добавляю шрифты и у меня все сбивается.. Мне нужно чтобы h1 был Arial, а остальной текст Times. Когда я подключаю Times к body у меня летят курсивы, пж и заголовки 2 и 3 уровня.. если подключаю к <p>, то <div>,<ul> и т.д. остаются Arial...
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
raxper
Эксперт
30234 / 6612 / 1498
Регистрация: 28.12.2010
Сообщений: 21,154
Блог
10.03.2019, 22:32
Помогаю со студенческими работами здесь

Необходимо написать стили для html-кода
Помогите! Нужно доработать CSS-файл для этого HTML-файла. &lt;!DOCTYPE html&gt; &lt;html lang=&quot;en&quot;&gt; &lt;head&gt; &lt;meta...

Не срабатывают стили для текста, но для фона срабатывают
&lt;form action=&quot;#&quot; method=&quot;post&quot;&gt; &lt;input placeholder=&quot;Введите имя&quot; type=&quot;text&quot; name=&quot;first-name&quot;...

Тестер. Как выделить правильные ответы зелёным, а не правильные красным?
Здравствуйте программисты!! у меня такая проблема. Как можно сделать в режиме обучения: 1. Чтобы правильные ответы как-нибудь выделялись...

Не могу установить правильные драйвера на дискретную карту amd
Поставил два драйвера на видеокарты. 1-intel r graphics 530, 2 - amd radeon 460(игровая)Но 460 почему-то не хочет запускаьтся, когда я...

Не могу написать комментарии для функции поиска, не могу разобраться...
void __fastcall TForm1::FindDialog1Find(TObject *Sender) { int found, start, end; // Èíèöèàëèçàöèÿ ïåðåìåííûõ start =...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
4
Ответ Создать тему
Новые блоги и статьи
Перемещение выделенных строк ТЧ из одного документа в другой
Maks 30.03.2026
Реализация из решения ниже выполнена на примере нетипового документа "ВыдачаОборудованияНаСпецтехнику" с единственной табличной частью "ОборудованиеИКомплектующие" разработанного в конфигурации КА2. . . .
Functional First Web Framework Suave
DevAlt 30.03.2026
Sauve. IO Апнулись до NET10. Из зависимостей один пакет, работает одинаково хорошо как в режиме проекта так и в интерактивном режиме. из сложностей - чисто функциональный подход. Решил. . .
Автоматическое создание документа при проведении другого документа
Maks 29.03.2026
Реализация из решения ниже выполнена на нетиповых документах, разработанных в конфигурации КА2. Есть нетиповой документ "ЗаявкаНаРемонтСпецтехники" и нетиповой документ "ПланированиеСпецтехники". В. . .
Настройка движения справочника по регистру сведений
Maks 29.03.2026
Решение ниже реализовано на примере нетипового справочника "ТарифыМобильнойСвязи" разработанного в конфигурации КА2, с целью учета корпоративной мобильной связи в коммерческом предприятии. . . .
Автозаполнение реквизита при выборе элемента справочника
Maks 27.03.2026
Программный код из решения ниже на примере нетипового документа "ЗаявкаНаРемонтСпецтехники" разработанного в конфигурации КА2. При выборе "Спецтехники" (Тип Справочник. Спецтехника), заполняется. . .
Сумматор с применением элементов трёх состояний.
Hrethgir 26.03.2026
Тут. https:/ / fips. ru/ EGD/ ab3c85c8-836d-4866-871b-c2f0c5d77fbc Первый документ красиво выглядит, но без схемы. Это конечно не даёт никаких плюсов автору, но тем не менее. . . всё может быть. . .
Автозаполнение реквизитов при создании документа
Maks 26.03.2026
Программный код из решения ниже размещается в модуле объекта документа, в процедуре "ПриСозданииНаСервере". Алгоритм проверки заполнения реализован для исключения перезаписи значения реквизита,. . .
Команды формы и диалоговое окно
Maks 26.03.2026
1. Команда формы "ЗаполнитьЗапчасти". Программный код из решения ниже на примере нетипового документа "ЗаявкаНаРемонтСпецтехники" разработанного в конфигурации КА2. В качестве источника данных. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru