<MyRusakov.ru />

Вёрстка сайта с нуля 2.0

Вёрстка сайта с нуля 2.0

Система "Вёрстка сайта с нуля 2.0" содержит в себе не только сами видеоуроки по адаптивной вёрстке сайтов с примерами, но и вспомогательную систему для более эффективного обучения.

Сам курс обучит Вас абсолютно с нуля HTML5 и CSS3, а также научит верстать сайты с помощью реальных примеров вёрстки. Обучение идёт от простого к сложному. В последнем разделе курса идёт обучение адаптивной вёрстке сайтов: Вы узнаете всю необходимую теорию, а также увидите пример реальной адаптивной вёрстки сайта.

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

Подробнее
Подписка

Подписавшись по E-mail, Вы будете получать уведомления о новых статьях.

Подписка Подписаться

Добавляйтесь ко мне в друзья ВКонтакте! Отзывы о сайте и обо мне оставляйте в моей группе.

Мой аккаунт Мой аккаунт Моя группа
Опрос

Каким движком Вы предпочитаете пользоваться?

Форум сайта MyRusakov.ru

Обтекание заголовка <H> текстом <P>
29.04.2012 16:33:46 Обтекание заголовка <H> текстом <P> Сообщение #1
tuktcbfc

tuktcbfc

Новичок

Новичок

Дата регистрации:
29.04.2012 16:09:28

Сообщений: 5

Добрый день.
есть такая задача: внутри параграфа нужно вставить заголовок четвертого уровня. При этом внешне заголовок не отличается от текста обычного параграфа (тут пока вопросов нет). проблема в том, что заголовок автоматом перескакивает на новую строку. следующих за заголовком текст скачет под заголовок. как сделать обтекание заголовка текстом без скачков на новую строку самого заголовка и идущего следом текста?
--------------------------------
вот часть кода:
ары первой, второй и </p><div class="line"><h4 class="line">(а компот???!!!)</h4></div><p> третьей (но не последней) необхо
ниже вырезка из каскадной таблицы:
.line {
display: inline-block;
font-family: Verdana, Tahoma, Arial, sans-serif;
font-size: 13px;
border: 1px solid red;
font-weight: 300;
margin: 0;
padding: 0;
clear: none;
}

h4.line {
display: inline-block;
font-family: Verdana, Tahoma, Arial, sans-serif;
font-size: 13px;
border: 1px solid red;
font-weight: 300;
margin: 0;
padding: 0;
clear: none;
}
-------------------------------
если кто знает как "побороть" такую, на первый взляд лёгкую, задачу, подскажите решение.
спасибо
Профиль Ответить
29.04.2012 16:35:36 Обтекание заголовка <H> текстом <P> Сообщение #2
Admin

Admin

Администратор

Администратор

Дата регистрации:
27.05.2010 21:23:42

Сообщений: 3063

Надо использовать свойство float: http://htmlbook.ru/css/float
Профиль Ответить
29.04.2012 23:31:48 Обтекание заголовка <H> текстом <P> Сообщение #3
tuktcbfc

tuktcbfc

Новичок

Новичок

Дата регистрации:
29.04.2012 16:09:28

Сообщений: 5

спасибо большое за быстрый ответ.
завтра попробую поставить float:none;
я с флотом эксперементировал, только не помню почему none не испытал.
потом сообщу о результате.
наперед забегу - див можно не использовать? сразу применить стиль к заголовку?
Профиль Ответить
29.04.2012 23:36:34 Обтекание заголовка <H> текстом <P> Сообщение #4
Admin

Admin

Администратор

Администратор

Дата регистрации:
27.05.2010 21:23:42

Сообщений: 3063

Да, можно.
Профиль Ответить
29.04.2012 23:38:30 Обтекание заголовка <H> текстом <P> Сообщение #5
tuktcbfc

tuktcbfc

Новичок

Новичок

Дата регистрации:
29.04.2012 16:09:28

Сообщений: 5

граце ) (как говорят норвежцы)
Профиль Ответить
30.04.2012 12:33:21 Обтекание заголовка <H> текстом <P> Сообщение #6
tuktcbfc

tuktcbfc

Новичок

Новичок

Дата регистрации:
29.04.2012 16:09:28

Сообщений: 5

Михаил, спасибо за участие, но, к сожалению, этот прием срабатывает только наполовину. строка, идущая следом за заголовком, становится правильно (т.е., как раз в той же строке что и заголовок), а вот сам сам заголовок не терпит чтобы перед ним что либо в строке маячило.
еще кое что:
визуальные редакторы джумлы и вордпресса самостоятельно обрамляют заголовок тегами параграфа, т.е. перед h4 закрывают параграф /p , а после /h4 открывают новый - p.
я отключил в джумле визуальный редакатор и убрал теги p и /p, но результат не изменился, хотя в исходном коде все красиво.
<p>В первых строках <h4 style="float: none; display: inline-block">своего резюме</h4> я не стану заострять внимание
в вордпрессе же вообще цирк - в html-редакторе тегов p и /p нет, но когда открываю исходный код страницы, перед заголовком стоит тег переноса br, а после заголовка появляется тег p.
может быть есть идеи как можно побороть этот косяк?
Профиль Ответить
30.04.2012 21:19:04 Обтекание заголовка <H> текстом <P> Сообщение #7
Admin

Admin

Администратор

Администратор

Дата регистрации:
27.05.2010 21:23:42

Сообщений: 3063

Используйте таблицы, тогда и будет что-то слева, а что-то справа.
Профиль Ответить
03.05.2012 11:00:38 Обтекание заголовка <H> текстом <P> Сообщение #8
tuktcbfc

tuktcbfc

Новичок

Новичок

Дата регистрации:
29.04.2012 16:09:28

Сообщений: 5

я попробую таблицей, но, согласитесь, подбирать ширину таблицу и трех td для того чтобы текст смотрелся равномерно - решение не изящное и даже, наверное, вымученное.
я думаю, есть какой нибудь способ решения этого вопроса, но вот какой??? пока не пойму.
Профиль Ответить