Как сделать вертикальный текст @ DeForum.ru

0 Сообщения: 2 Зарегистрирован: 21.02.08

Чтобы получилось так, как если бы я сделал
т е к с т

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

сделать картинку с нужным расположением текста, объявить ее фоном контейнера, присвоить ему атрибуты text-indent: -100%; overflow: hidden; ширины, высоты и обвешать его альтами и тайтлами, в контенйер поместить «текст»

0 Сообщения: 2 Зарегистрирован: 21.02.08

Сэнк. неплохой способ. Только не будет работать, если картинки отключены

x28, картинки отключены - сейчас неактуальная тема совершенно. Не во времена модемов живем уже.

x28, с помощью Javascript.
Т.е. вытаскиваете текст, который так надо преобразовать, далее разложите его на отдельные буквы, потом в цикле прогоните и расставьте между буквами, к примеру или оберните буквы в <div>, а после с помощью innerHTML это вставьте в нужный блок. Алгоритм такой.

оффтопик:

Хотя, то что вы придумали не красиво, да и пользователю будет не удобно.

vashurin, истину говоришь! А если заморачиваться сильно не хочется, то jQuery поможет сделать это легко и просто.

оффтопик:

эгм, т.е. отключенные картинки более частый случай, чем отключенный джаваскрипт… :mrgreen:

upd: а, да, и парсить строку джаваскриптом, генерить вывод — это ж конечно проще и оптимальнее, чем картинку нарисовать…

karamba писал(а):

upd: а, да, и парсить строку джаваскриптом, генерить вывод — это ж конечно проще и оптимальнее, чем картинку нарисовать…

оффтопик:

Где то минут 5. А вообще, вертикальный текст, фигня. И нестоит ее делать.

оффтопик:

vashurin, сказано было:

x28 писал(а):

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

5 минут будут потрачены не на решение задачи, а на поддержание личного джаваскрипт-тонуса

x28, ну еще есть такой тег <pre>: засунуть каждую букву в новую строку внутри него и кастомизнуть его стилями. (хотя поисковики не схавают и это).
Или разбить слово обычными пробелами и задать контейнеру в стилях ширину в 1 пиксел, но и тут поисковики мимо…
Да и автору уже не интересно наверное…
Кароч, :bye:

1 Сообщения: 2 Зарегистрирован: 29.02.08

думаю, можно сделать так:

Код:

<div id="scroller">Текст</div>
<script type="text/javascript">
divtxt=document.getElementById('scroller').innerHTML;
res="";
i=0;

while (i<divtxt.length)
{
  res+=divtxt.charAt(i)+"<br />";
  i++
}
alert(res);
document.getElementById('scroller').innerHTML=res;

</script>

DeДверь
Логин:
Пароль:
	Автологин