Форум русскоязычного сообщества Ubuntu


Считаете, что Ubuntu недостаточно дружелюбна к новичкам?
Помогите создать новое Руководство для новичков!

Автор Тема: помогите с html форматированием.  (Прочитано 988 раз)

0 Пользователей и 1 Гость просматривают эту тему.

Оффлайн HOINOM_KITT

  • Автор темы
  • Активист
  • *
  • Сообщений: 453
  • ubuntu 14.04 lts + edubuntu full desktop
    • Просмотр профиля
помогите с html форматированием.
« : 10 Августа 2014, 10:55:43 »
<label>
  <part name="pre" value="&lt;l&gt;&lt;fontsize=12&gt;&lt;color=olive&gt;"/>
  <part name="state" value="1"/>
  <part name="type" value="text_1"/>
  <part name="post" value="&lt;/color&gt;&lt;/fontsize&gt;&lt;/l&gt;"/>
</label>
<label>
 <part name="pre" value="&lt;b&gt;&lt;fontsize=12&gt;&lt;color=green&gt;"/>
 <part name="state" value="1"/>
 <part name="type" value="text_2"/>
 <part name="post" value="&lt;/color&gt;&lt;/fontsize&gt;&lt;/b&gt;"/>
</label>

text_1 и text_2  могут быть достаточно большими, но необходимо чтобы в 1й строке было не более 30 символов.
при превышении порога - перенос на новую строку. тоже самое и на следующей. и так пока не не исчерпают себя.
« Последнее редактирование: 10 Августа 2014, 11:08:48 от HOINOM_KITT »
'шаман начального уровня' , 'диванный физик теоретик'
http://img-fotki.yandex.ru/get/9304/230416833.0/0_104043_acf007fa_L.jpg
а также 'заслуженный слепец и глупец'

Оффлайн .ubuntufan

  • Активист
  • *
  • Сообщений: 638
    • Просмотр профиля
Re: помогите с html форматированием.
« Ответ #1 : 11 Августа 2014, 04:17:28 »
http://www.coolwebmasters.com/cssstyle-sheets/2491-understanding-em-units-css.html

Но в таком случае ровно тридцать не получится, т.к. фактические размеры каждого символа разные.

Если нужно именно 30 символов, то как вариант еще в бэкенде или с помощью JS делать сплит по 30 символов:

Код: (JavaScript) [Выделить]
var printChars = function(rootElem, str, n) {
for (var i = 0, count = str.length; i < count; i += n) {
        var el = document.createElement('div');
        el.innerText = str.substring(i, i + n);
            rootElem.appendChild(el);
}
};

var text = "Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum";
printChars(document.getElementById('text'), text, 30);

http://codepen.io/anon/pen/coEqf

« Последнее редактирование: 11 Августа 2014, 04:40:58 от .ubuntufan »

Оффлайн HOINOM_KITT

  • Автор темы
  • Активист
  • *
  • Сообщений: 453
  • ubuntu 14.04 lts + edubuntu full desktop
    • Просмотр профиля
Re: помогите с html форматированием.
« Ответ #2 : 11 Августа 2014, 05:25:33 »
я вспомнил про тег <pre widht=30>...</pre>
есть ли его 16ричный или 10тичный аналог?

хотя судя по всему - в конструкции он уже используется.
как думаете можно ли тогда указать как
&lt;width=30&gt; ?
« Последнее редактирование: 11 Августа 2014, 05:42:27 от HOINOM_KITT »
'шаман начального уровня' , 'диванный физик теоретик'
http://img-fotki.yandex.ru/get/9304/230416833.0/0_104043_acf007fa_L.jpg
а также 'заслуженный слепец и глупец'

Оффлайн .ubuntufan

  • Активист
  • *
  • Сообщений: 638
    • Просмотр профиля
Re: помогите с html форматированием.
« Ответ #3 : 11 Августа 2014, 14:32:42 »
http://www.w3schools.com/tags/att_pre_width.asp
Поддерживается только в Firefox'e.

Я тебя не совсем понял, можешь подробнее объяснить?

Оффлайн HOINOM_KITT

  • Автор темы
  • Активист
  • *
  • Сообщений: 453
  • ubuntu 14.04 lts + edubuntu full desktop
    • Просмотр профиля
Re: помогите с html форматированием.
« Ответ #4 : 11 Августа 2014, 15:53:02 »
ну почемуже? не только в фаерфоксе
http://htmlbook.ru/html/pre
Цитировать
Я тебя не совсем понял, можешь подробнее объяснить?
дело в том что стоит жесткое условие изменять все только в рамках представленной конструкции.
и я как понял кусок<part name="pre" value="&lt;l&gt;&lt;fontsize=12&gt;&lt;color=olive&gt;"/>обращается именно к этому тэгу <pre>

а про аналог спрашивал всмысле как вот http://easywebscripts.net/html/spec_char.php

Пользователь решил продолжить мысль 11 Августа 2014, 17:13:51:

могу добавить что
конструкция сама по себе является куском кода к выводу всплывающей подсказки.(label)
но вот в чем беда. если при наведении в табличном просмотре лэйблы по умолчанию заключаются в рамки и перенос текста происходит сам собой, то в 3х мерном просмотре приходится извращаться с различными тегами форматирования - тк лэйблы выводятся одной строкой. и если описание содержит длинные предложения - строка укатывает далеко за пределы рабочего пространства. что не гут.

(Нажмите, чтобы показать/скрыть)
« Последнее редактирование: 11 Августа 2014, 17:23:12 от HOINOM_KITT »
'шаман начального уровня' , 'диванный физик теоретик'
http://img-fotki.yandex.ru/get/9304/230416833.0/0_104043_acf007fa_L.jpg
а также 'заслуженный слепец и глупец'

Оффлайн .ubuntufan

  • Активист
  • *
  • Сообщений: 638
    • Просмотр профиля
Re: помогите с html форматированием.
« Ответ #5 : 11 Августа 2014, 17:38:00 »
По моему очевидно, что я имел ввиду атрибут width у pre, а не тег pre.
Страница по ссылке посвящена именно атрибуту width.
Цитировать
The width attribute is only supported by Firefox.

Это не HTML а XML.
Откуда это вообще?

Оффлайн HOINOM_KITT

  • Автор темы
  • Активист
  • *
  • Сообщений: 453
  • ubuntu 14.04 lts + edubuntu full desktop
    • Просмотр профиля
Re: помогите с html форматированием.
« Ответ #6 : 11 Августа 2014, 20:06:18 »
яже говорю - файл конфигурации пользовательского интерфейса  клиент сервера занимающегося просмотром 3х мерных моделей.
собственно можно преключаться из табличного режима в трехмерный. но вот с лайблами там косяк. и приходится извратом таким заниматься.

в мане к нему написано что подходят обычные теги html форматирования в предсталении Hex или Dec.
'шаман начального уровня' , 'диванный физик теоретик'
http://img-fotki.yandex.ru/get/9304/230416833.0/0_104043_acf007fa_L.jpg
а также 'заслуженный слепец и глупец'

 

Страница сгенерирована за 0.017 секунд. Запросов: 22.