Как сделать, чтобы вертикально бегущую строку обтекал текст

@art-ajn · Регистрация: 04.10.2012

Студворк — интернет-сервис помощи студентам

Подскажите как сделать так что-бы вертикально бегущею строку обтекал текст ?

@newJS · 30.01.2013, 08:30

А где строка то? где код, и что не обтекает.

Вертикальная строка для нормальных людей практически не читабельна, в смысле лучше не надо.

@art-ajn · 30.01.2013, 18:52 **[ТС]**

Сообщение от newJS

А где строка то? где код, и что не обтекает.

Вертикальная строка для нормальных людей практически не читабельна, в смысле лучше не надо.

Я просто еще новичок в этом, только учусь)) Я так понимаю что вертикальная бегущая строка очень редко применяется в создании страниц. Вот код:

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
<!DOCTYPE html
     PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
     "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmls="http://www.w3.org/1999/xhtml"
      xml:lang="ru" lang="ru">
<html>
<head>
<style type="text/css" media="all">
body { 
    background-image: url(010.jpg);}
.ww{color:blue; font-size:25px;}
.tt{text-align:center; color: #468be1; font-size:30px; font-family:fantasy; font-variant:small-caps;}
</style>
<title> Texnicheskaj</title>
</head>
<body bgproperties="fixed">
<h1 class="tt">Меню</h1>
<marquee behavior="alternative" direction="up"><p class="ww">Это бегущая строка</p></marquee>
<p>
Свойство background-position определяет положение картинки в окне браузера (top, middle, bottom, left, center, right). При копировании изображения с целью заполнения площади элемента браузер воспринимает значение
этого свойства в качестве отправной точки. Координаты начального положения изображения можно задавать в виде процентных отношений (20%), либо абсолютных значений в пикселях (15px), либо констант (top left).
</p>
</body>
</html>

@newJS · 30.01.2013, 20:55

что это не знаю, и валидатор ругается

HTML5
1
<body bgproperties="fixed">

тут ошибка, валидатор сразу пальцем показал
правильно так

HTML5
1
behavior="alternate"

Сообщение от art-ajn

Я просто еще новичок в этом, только учусь

если начинающий, так не используй такой строгий доктайп
самый простой

HTML5
1
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

попридиричивей

HTML5
1
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

баловство это, слепил абы как, не работает в гугл

HTML5
1
2
3
4
5
<h1 class="tt">Меню</h1>
<div style=" float:left;"><marquee behavior="alternate" direction="up" style=" background:pink;"><span class="ww">Это бегущая строка</span></marquee></div>
 
<div style=" float:right; width:70%;">Свойство background-position определяет положение картинки в окне браузера (top, middle, bottom, left, center, right). При копировании изображения с целью заполнения площади элемента браузер воспринимает значение
этого свойства в качестве отправной точки. Координаты начального положения изображения можно задавать в виде процентных отношений (20%), либо абсолютных значений в пикселях (15px), либо констант (top left).</div>

css2

Кликните здесь для просмотра всего текста

'background-position'
Значение: [ [<percentage> | <length> ]{1,2} | [ [top | center | bottom] || [left | center | right] ] ] | inherit
Начальное: 0% 0%
Применяется: к элементам уровня блока и к замещаемым элементам
Наследуется: нет
Процентное: относится к размеру самого бокса
Носитель: визуальный

Если фоновое изображение специфицировано, то данное свойство определяет его (изображения) начальную позицию.
Значения имеют следующий смысл:

<percentage> <percentage>
Если пара значений - '0% 0%', то верхний левый угол изображения выровнен с левым верхним углом кромки заполнения бокса. Пара значений '100% 100%' помещает нижний правый угол изображения в нижний правый угол области заполнения. Если пара значений - '14% 84%', точка изображения 14% поперёк и 84% вниз помещается в точку 14% поперёк и 84% вниз области заполнения.
<length> <length>
Если пара значений - '2cm 2cm', то верхний левый угол изображения помещается на 2cm вправо и на 2cm вниз от верхнего левого угла области заполнения.
top left и left top
То же, что '0% 0%'.
top, top center и center top
То же, что '50% 0%'.
right top и top right
То же, что '100% 0%'.
left, left center и center left
То же, что '0% 50%'.
center и center center
То же, что '50% 50%'.
right, right center и center right
То же, что '100% 50%'.
bottom left и left bottom
То же, что '0% 100%'.
bottom, bottom center и center bottom
То же, что '50% 100%'.
bottom right и right bottom
То же, что '100% 100%'.
Если задано только одно значение, в процентах или единицах измерения, то оно устанавливает только горизонтальную позицию, вертикальная позиция будет 50%.
Если заданы два значения, первое задаёт горизонтальную позицию.
Допускаются комбинации значений в процентах и единицах измерения (например, '50% 2cm'). Допускаются негативные значения позиции. Ключевые слова не могут комбинироваться со значениями в процентах или единицах измерения (все возможные сочетания приведены выше).

Пример(ы):

BODY { background: url("banner.jpeg") right top } /* 100% 0% */
BODY { background: url("banner.jpeg") top center } /* 50% 0% */
BODY { background: url("banner.jpeg") center } /* 50% 50% */
BODY { background: url("banner.jpeg") bottom } /* 50% 100% */

Если фоновое изображение фиксировано в порте просмотра (см. свойство 'background-attachment'), то изображение размещается относительно порта просмотра, а не относительно области заполнения элемента. Например,

Пример(ы):

BODY {
background-image: url("logo.png");
background-attachment: fixed;
background-position: 100% 100%;
background-repeat: no-repeat;
}
В данном примере изображение (одиночное) размещается в правом верхнем углу порта просмотра.

@art-ajn · 31.01.2013, 00:26 **[ТС]**

Огромное спасибо за помощь ))

Добавлено через 12 минут
Я еще хотел спросить, а почему в гугле не работает в чем причина ? (я новичок и интересно знать на будущее )

@newJS · 31.01.2013, 07:35

просто тег не поддерживается, смотрим тут
тег не имеет перспективы, не трать время займись другим

@art-ajn · 31.01.2013, 11:49 **[ТС]**

Сообщение от newJS

просто тег не поддерживается, смотрим тут
тег не имеет перспективы, не трать время займись другим

Спасибо за что подсказали )))

Новые блоги и статьи Все статьи Все блоги /
SDL3 для Desktop (MinGW): Создаём пустое окно с нуля для 2D-графики на SDL3, Си и C++ 8Observer8 10.03.2026 Содержание блога Финальные проекты на Си и на C++: hello-sdl3-c. zip hello-sdl3-cpp. zip Результат:	Установка CMake и MinGW 13.1 для сборки С и C++ приложений из консоли и из Qt Creator в EXE 8Observer8 10.03.2026 Содержание блога MinGW - это коллекция инструментов для сборки приложений в EXE. CMake - это система сборки приложений. Здесь описаны базовые шаги для старта программирования с помощью CMake и. . .	Как дизайн сайта влияет на конверсию: 7 решений, которые реально повышают заявки Neotwalker 08.03.2026 Многие до сих пор воспринимают дизайн сайта как “красивую оболочку”. На практике всё иначе: дизайн напрямую влияет на то, оставит человек заявку или уйдёт через несколько секунд. Даже если у вас. . .	Модульная разработка через nuget packages DevAlt 07.03.2026 Сложившийся в . Net-среде способ разработки чаще всего предполагает монорепозиторий в котором находятся все исходники. При создании нового решения, мы просто добавляем нужные проекты и имеем. . .
Модульный подход на примере F# DevAlt 06.03.2026 В блоге дяди Боба наткнулся на такое определение: В этой книге («Подход, основанный на вариантах использования») Ивар утверждает, что архитектура программного обеспечения — это структуры,. . .	Управление камерой с помощью скрипта OrbitControls.js на Three.js: Вращение, зум и панорамирование 8Observer8 05.03.2026 Содержание блога Финальная демка в браузере работает на Desktop и мобильных браузерах. Итоговый код: orbit-controls-threejs-js. zip. Сканируйте QR-код на мобильном. Вращайте камеру одним пальцем,. . .	SDL3 для Web (WebAssembly): Синхронизация спрайтов SDL3 и тел Box2D 8Observer8 04.03.2026 Содержание блога Финальная демка в браузере. Итоговый код: finish-sync-physics-sprites-sdl3-c. zip На первой гифке отладочные линии отключены, а на второй включены:. . .	SDL3 для Web (WebAssembly): Идентификация объектов на Box2D v3 - использование userData и событий коллизий 8Observer8 02.03.2026 Содержание блога Финальная демка в браузере. Итоговый код: finish-collision-events-sdl3-c. zip Сканируйте QR-код на мобильном и вы увидите, что появится джойстик для управления главным героем. . . .

@art-ajn 0 / 0 / 0 Регистрация: 04.10.2012 Сообщений: 31

	Как сделать, чтобы вертикально бегущую строку обтекал текст 30.01.2013, 02:42. Показов 4280. Ответов 6 Метки нет (Все метки) Подскажите как сделать так что-бы вертикально бегущею строку обтекал текст ? 0

@newJS 2436 / 1115 / 312 Регистрация: 23.06.2011 Сообщений: 3,529
	30.01.2013, 08:30
	А где строка то? где код, и что не обтекает. Вертикальная строка для нормальных людей практически не читабельна, в смысле лучше не надо. 0

@art-ajn 0 / 0 / 0 Регистрация: 04.10.2012 Сообщений: 31
	31.01.2013, 00:26 [ТС]
	Огромное спасибо за помощь )) Добавлено через 12 минут Я еще хотел спросить, а почему в гугле не работает в чем причина ? (я новичок и интересно знать на будущее ) 0

@newJS 2436 / 1115 / 312 Регистрация: 23.06.2011 Сообщений: 3,529
	31.01.2013, 07:35
	просто тег не поддерживается, смотрим тут тег не имеет перспективы, не трать время займись другим 1