Горизонтальная прокрутка текста



Как сделать горизонтальную прокрутку текста

Всем привет! Сегодня мы будем учиться делать горизонтальную прокрутку текста страницы. В принципе нет ничего сложного. Необходимо нужный текст заключить вот в этот код, скопируйте его.

<div style="border:1px solid black;width:150px;height::100px;overflow-y:hidden;overflow-x:scroll;">
<p style="width:250%;">
Мы снова встретились с тобой...Но как мы оба изменились!...Года унылой чередой От нас невидимо сокрылись. Ищу в глазах твоих огня, Ищу в душе своей волнения. Ах! как тебя, так и меня Сгубило жизни тяготение! М.В. Лермонтов.
</p>
/div>

Получится примерно так:


Мы снова встретились с тобой...Но как мы оба изменились!...Года унылой чередой От нас невидимо сокрылись. Ищу в глазах твоих огня, Ищу в душе своей волнения. Ах! как тебя, так и меня Сгубило жизни тяготение! М.Ю.Лермонтов.



width:250% - это процент от ширины Вашей страницы, то есть на какой процент будет скрыт текст в прокрутку;

width:150px;height::100px-этими параметрами также можно настроить высоту и ширину прокрутки.

Выделенное фиолетовым цветом - здесь будет находится Ваш текст;

Когда вставите код, при необходимости сразу измените ширину и высоту прокрутки;

Для новичков рекомендую почитать пост: как скопировать не копируемый код - прошу сюда;

На сегодня все, пишите отзывы. Вопросы в комментариях или в меню форма для связи. Всем всего доброго.


Автор статьи ✎ Olga Protasova Выпуск ✹ 9/14/2013 Ярлыки ►


Открыть комментарии →

0 коммент. :

Отправить комментарий


 
Технологии Blogger.

Форма для связи

Имя

Электронная почта *

Сообщение *