Тег code перекашивает вёрстку

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

Модератор: Модераторы разделов

Аватара пользователя
Portnov
Модератор
Сообщения: 1786
Статус: Матёрый линуксоид
ОС: Debian testing/unstable

Тег code перекашивает вёрстку

Сообщение Portnov »

Собственно, сабж. См. например, тут: [Haskell] устранение утечек памяти, FastCGI. При большой ширине содержимого тега code всё разъезжается. Нельзя ли для таких случаев горизонтальную прокрутку приделать (вертикальную же сделали в этом теге)?
Работа: Ubuntu 9.10
Дом: Debian testing/unstable и на всякий случай winxp в virtualbox.
Для разнообразия: моя домашняя страница -http://iportnov.ru
Спасибо сказали:
Аватара пользователя
/dev/random
Администратор
Сообщения: 5399
ОС: Gentoo

Re: Тег code перекашивает вёрстку

Сообщение /dev/random »

Попробую.
Спасибо сказали:
Аватара пользователя
t.t
Бывший модератор
Сообщения: 7390
Статус: думающий о вечном
ОС: Debian, LMDE

Re: Тег code перекашивает вёрстку

Сообщение t.t »

Для codebox-а была горизонтальная прокрутка.

Сюда же. При установленной опции "разрывать неразрывные пробелы" тег code как раз отлично переносится, а вот sh нет.
¡иɯʎdʞ ин ʞɐʞ 'ɐнɔɐdʞǝdu qнεиж
Спасибо сказали:
Аватара пользователя
/dev/random
Администратор
Сообщения: 5399
ОС: Gentoo

Re: Тег code перекашивает вёрстку

Сообщение /dev/random »

t.t писал(а):
31.05.2010 09:40
Для codebox-а была горизонтальная прокрутка.

Не было. codebox как растягивался, так и растягивается под размер самой длинной строки, уродуя разметку форума.
Вообще, я не знаю, возможно ли в html сделать горизонтальную прокрутку в элементе не-фиксированной ширины. Вот если указать, что блок code должен быть шириной, скажем, 800 пикселей - тогда без проблем. А если он должен следовать за шириной браузера, как сейчас...
Спасибо сказали:
Аватара пользователя
t.t
Бывший модератор
Сообщения: 7390
Статус: думающий о вечном
ОС: Debian, LMDE

Re: Тег code перекашивает вёрстку

Сообщение t.t »

/dev/random писал(а):
31.05.2010 12:24
t.t писал(а):
31.05.2010 09:40
Для codebox-а была горизонтальная прокрутка.
Не было. codebox как растягивался, так и растягивается под размер самой длинной строки, уродуя разметку форума.
У меня в iceweasel точно была. Впрочем, может быть, это его собственные заморочки.
¡иɯʎdʞ ин ʞɐʞ 'ɐнɔɐdʞǝdu qнεиж
Спасибо сказали:
neol
Сообщения: 600
ОС: Debian Stable

Re: Тег code перекашивает вёрстку

Сообщение neol »

/dev/random писал(а):
31.05.2010 12:24
Не было. codebox как растягивался, так и растягивается под размер самой длинной строки, уродуя разметку форума.
Вообще, я не знаю, возможно ли в html сделать горизонтальную прокрутку в элементе не-фиксированной ширины. Вот если указать, что блок code должен быть шириной, скажем, 800 пикселей - тогда без проблем. А если он должен следовать за шириной браузера, как сейчас...

Может что-то типа style="max-width:80%"?
Спасибо сказали:
Аватара пользователя
/dev/random
Администратор
Сообщения: 5399
ОС: Gentoo

Re: Тег code перекашивает вёрстку

Сообщение /dev/random »

neol писал(а):
31.05.2010 13:27
Может что-то типа style="max-width:80%"?

Не выйдет, пробовал. Родительский элемент растягивается до длины максимальной строки, а дочерний (в котором эта строка и находится) ужимается до 80% этой длины, оставляя пустое пространство и ещё более уродуя разметку форума.

Единственное, что наводит на мысль о возможности "правильной" прокрутки - это "table-layout:fixed", но он применим только к таблицам, а блок code - это div'ы.
Спасибо сказали:
watashiwa_daredeska
Бывший модератор
Сообщения: 4038
Статус: Искусственный интеллект (pre-alpha)
ОС: Debian GNU/Linux

Re: Тег code перекашивает вёрстку

Сообщение watashiwa_daredeska »

/dev/random писал(а):
31.05.2010 13:33
Родительский элемент растягивается до длины максимальной строки, а дочерний (в котором эта строка и находится) ужимается до 80% этой длины, оставляя пустое пространство и ещё более уродуя разметку форума.
Фиг знает. http://pastebin.com/qmkkpApk работает в Iceweasel и Chromium.
Спасибо сказали:
Аватара пользователя
/dev/random
Администратор
Сообщения: 5399
ОС: Gentoo

Re: Тег code перекашивает вёрстку

Сообщение /dev/random »

watashiwa_daredeska писал(а):
31.05.2010 14:10
Фиг знает. http://pastebin.com/qmkkpApk работает в Iceweasel и Chromium.

Действительно, работает. А почему же аналогичный код не работает на форуме? Надо разбираться.
Спасибо сказали:
Аватара пользователя
/dev/random
Администратор
Сообщения: 5399
ОС: Gentoo

Re: Тег code перекашивает вёрстку

Сообщение /dev/random »

Уфф... Кажется, разобрался в этой дикой мешанине из табличной и дивовой вёрстки, которую кто-то по недоразумению называет форумным движком. (кстати, именно в этом и была проблема: вёрстка дивами работала некорректно внутри таблиц)
Короче, сделал отдельный скин - "test", основанный на "standard", в нём исправил работу code/codebox, теперь они не перекашивают страницу. Тестируйте, если проблем не выявится, перенесу изменения в "нормальные" скины.
Спасибо сказали:
Аватара пользователя
/dev/random
Администратор
Сообщения: 5399
ОС: Gentoo

Re: Тег code перекашивает вёрстку

Сообщение /dev/random »

За неделю багрепортов не поступило. Включаю изменения в основные скины, скин test удаляю.
Спасибо сказали:
watashiwa_daredeska
Бывший модератор
Сообщения: 4038
Статус: Искусственный интеллект (pre-alpha)
ОС: Debian GNU/Linux

Re: Тег code перекашивает вёрстку

Сообщение watashiwa_daredeska »

Теперь содержимое тега [sh] выводится немоноширинным шрифтом. TextGray.
Спасибо сказали:
Аватара пользователя
/dev/random
Администратор
Сообщения: 5399
ОС: Gentoo

Re: Тег code перекашивает вёрстку

Сообщение /dev/random »

Исправляю. В течение нескольких минут могут быть проблемы с отображением...

Кажется, готово, проверяйте.
Спасибо сказали:
NickLion
Сообщения: 3408
Статус: аватар-невидимка
ОС: openSUSE Tumbleweed x86_64

Re: Тег code перекашивает вёрстку

Сообщение NickLion »

тестим

asdfl asdflfldhdfghlghldf тест русского текста



как-то оно не так выглядит... где рамочка? и всё остальное...
Спасибо сказали:
Аватара пользователя
/dev/random
Администратор
Сообщения: 5399
ОС: Gentoo

Re: Тег code перекашивает вёрстку

Сообщение /dev/random »

NickLion писал(а):
25.06.2010 16:09
как-то оно не так выглядит... где рамочка? и всё остальное...

Можно скриншот? У меня нормально выглядит.

Upd: эта рамочка?
Спасибо сказали:
NickLion
Сообщения: 3408
Статус: аватар-невидимка
ОС: openSUSE Tumbleweed x86_64

Re: Тег code перекашивает вёрстку

Сообщение NickLion »

Теперь рамочка появилась, но пропала моноширность и рамочки вокруг заголовка нет:


(в TextGray рамка вокруг заголовка есть, но не моноширный текст всё равно)

Это опера 10.10, но в ФФ то же самое.
У вас нет необходимых прав для просмотра вложений в этом сообщении.
Спасибо сказали:
Аватара пользователя
/dev/random
Администратор
Сообщения: 5399
ОС: Gentoo

Re: Тег code перекашивает вёрстку

Сообщение /dev/random »

Уф. Кажется, сделал. Получите.
Спасибо сказали:
NickLion
Сообщения: 3408
Статус: аватар-невидимка
ОС: openSUSE Tumbleweed x86_64

Re: Тег code перекашивает вёрстку

Сообщение NickLion »

Сейчас вроде бы нормально. В заголовке "font-family: serif;" - с засечками - это так задумывалось?
Спасибо сказали:
Аватара пользователя
/dev/random
Администратор
Сообщения: 5399
ОС: Gentoo

Re: Тег code перекашивает вёрстку

Сообщение /dev/random »

NickLion писал(а):
25.06.2010 16:42
Сейчас вроде бы нормально. В заголовке "font-family: serif;" - с засечками - это так задумывалось?

Первоначально там было название какого-то редко упоминаемого виндового шрифта. Когда я "лечил" рамку и моноширинность, то наткнулся на это. Подумал: "раз там явно прописан шрифт, то разработчики хотели, чтобы он выделялся. Но в линуксе не выделяется, т.к. такого шрифта здесь нет. Ну, пусть выделяется засечками". Если не нравится, могу убрать.
Спасибо сказали:
NickLion
Сообщения: 3408
Статус: аватар-невидимка
ОС: openSUSE Tumbleweed x86_64

Re: Тег code перекашивает вёрстку

Сообщение NickLion »

/dev/random писал(а):
25.06.2010 16:51
"раз там явно прописан шрифт, то разработчики хотели, чтобы он выделялся. Но в линуксе не выделяется, т.к. такого шрифта здесь нет. Ну, пусть выделяется засечками". Если не нравится, могу убрать.

А, ясно :) Мне нормально, не думаю, что кто-то будет против.
Спасибо сказали:
Аватара пользователя
sash-kan
Администратор
Сообщения: 13939
Статус: oel ngati kameie
ОС: GNU

Re: Тег code перекашивает вёрстку

Сообщение sash-kan »

/dev/random
насколько я помню, раньше, если вставить какой-нибудь bbcode внутрь sh, он там отображался as is. сейчас же интерпретируется в соответствующий html.

Shell

test<b>test</b>test


т.е., раньше, вроде бы, было аналогино ббкоду code:

Код: Выделить всё

test<b>test</b>[b]test[/b]
Писать безграмотно - значит посягать на время людей, к которым мы адресуемся, а потому совершенно недопустимо в правильно организованном обществе. © Щерба Л. В., 1957
при сбоях форума см.блог
Спасибо сказали:
Аватара пользователя
/dev/random
Администратор
Сообщения: 5399
ОС: Gentoo

Re: Тег code перекашивает вёрстку

Сообщение /dev/random »

sash-kan писал(а):
26.06.2010 15:21
насколько я помню, раньше, если вставить какой-нибудь bbcode внутрь sh, он там отображался as is. сейчас же интерпретируется в соответствующий html.

Нет, не было. Эта фича не поддерживается в кастомных bbcode. Её нет и не было даже в codebox, только в code.

Я часто приводил на форуме вывод команды eix (поиск пакетов в gentoo), обрамлённый в sh. Так вот, ссылки, находящиеся в этом выводе, движок добросовестно преобразовывал в тег url и корректно этот тег интерпретировал.

Но вообще, надо подумать о такой возможности и сделать, чтобы при вводе, скажем, [ sh = . ] [ code ] текст [ / code ] [ / sh ], внутренний code был без оформления и только блокировал интерпретацию тегов в тексте. Как-нибудь займусь.
Спасибо сказали:
Аватара пользователя
/dev/random
Администратор
Сообщения: 5399
ОС: Gentoo

Re: Тег code перекашивает вёрстку

Сообщение /dev/random »

тест:

Shell

этот текст находится в sh


Shell

Код: Выделить всё

а этот - в [i]sh[/i] и [i]code[/i]


Вроде, работает.
Спасибо сказали:
watashiwa_daredeska
Бывший модератор
Сообщения: 4038
Статус: Искусственный интеллект (pre-alpha)
ОС: Debian GNU/Linux

Re: Тег code перекашивает вёрстку

Сообщение watashiwa_daredeska »

Shell

Цвета: красный, зеленый, синий

color вообще молча съедается. А так хотелось цветные подсказки в sh :)
Спасибо сказали:
Аватара пользователя
ZyX
Сообщения: 355
ОС: Gentoo

Re: Тег code перекашивает вёрстку

Сообщение ZyX »

Также в sh не работают: смена шрифта, смена размера, спойлер, подсветка внутри тёгов «sql» и «html», тёг «float» делает не совсем то, что нужно, текст в таблице имеет слишком тёмный цвет.


sh2

man mountrfc1918
Изображение Наше лого
table/tr/tdtable/tr/td2
table/tr2/tdtable/tr2/td2
extract

Код:

codeboxb

Код: Выделить всё

code[b]b[/b]
Topic 100Post 100Blog 100Blog entry 100
Изображение

Код: Выделить всё

SELECT t.tid FROM a_table t WHERE t 

Код: Выделить всё

<html></html>

sh2/sh3

test

Изображение Test
Спасибо сказали:
Аватара пользователя
ZyX
Сообщения: 355
ОС: Gentoo

Re: Тег code перекашивает вёрстку

Сообщение ZyX »

Нашёл ошибки:
1. «быстрое редактирование» выдаёт не тот текст:

Код:

Также в sh не работают: смена шрифта, смена размера, спойлер, подсветка внутри тёгов «sql» и «html», тёг «float» делает не совсем то, что нужно, текст в таблице имеет слишком тёмный цвет. [sh=sh1][table][tr][td][list] [*][list=1] [*][list=a] [*][list=i] [*][indent][right][quote][color="#F4A460"][font="Arial Narrow"][size=7][sub][sup][i][b][s][u]<span style='color:#000000;background:#000000'>[acronym=red color][email=kp-pav@ya.ru]крас[email][left][url="http://localhost"]ный[url][acronym]</span>[left][u][s][b][i][sup][sub][size][font][color][quote]</div>[indent] [list] [list] [list] [list][td][tr][table][sh][sh=sh2][man]mount[man][rfc]1918[rfc]<div style="float:right; overflow:hide; background:lightgray; max-width:30%; text-align:center; border-color:black; border:1px">[url="/logo/grs1.png"][img]/logo/grs1.png[img][url]Наше лого</div>[table][tr][td]table/tr/td[td][td]table/tr/td2[td][tr][tr][td]table/tr2/td[td][td]table/tr2/td2[td][tr][table][extract]extract[extract]<div class='codetop'>CODE</div><div class='codemain' style='white-space:pre;overflow:auto'>codebox[b]b[b]</div>[code]code[b]b[b][code][topic=100]Topic 100[topic][post=100]Post 100[post][blog=100]Blog 100[blog][entry=100]Blog entry 100[entry][right][img]http://img-fotki.yandex.ru/get/4204/kp-pav.0/0_48559_8831c755_M.png[img][right][sql]<span style='color:blue;font-weight:bold'>SELECT t.tid <span style='color:green'>FROM <span style='color:orange'>a_table <span style='color:orange'>t <span style='color:green'>WHERE t[sql][html]<<span style='color:blue'>html><<span style='color:blue'>/html>[html][sh=sh2/sh3]test[sh][sh][float=/logo/grs1.png]Test[float]

(обратить внимание на наличие «<span style>»).
2. аналогично полное редактирование:

Код:

Также в sh не работают: смена шрифта, смена размера, спойлер, подсветка внутри тёгов «sql» и «html», тёг «float» делает не совсем то, что нужно, текст в таблице имеет слишком тёмный цвет. [sh=sh1][table][tr][td][list] [*][list=1] [*][list=a] [*][list=i] [*][indent][right][quote][color="#F4A460"][font="Arial Narrow"][size=7][sub][sup][i][b][s][u]<span style='color:#000000;background:#000000'>[acronym=red color][email=kp-pav@ya.ru]крас[email][left][url="http://localhost"]ный[url][acronym]</span>[left][u][s][b][i][sup][sub][size][font][color][quote]</div>[indent] [list] [list] [list] [list][td][tr][table][sh][sh=sh2][man]mount[man][rfc]1918[rfc]<div style="float:right; overflow:hide; background:lightgray; max-width:30%; text-align:center; border-color:black; border:1px">[url="/logo/grs1.png"][img]/logo/grs1.png[img][url]Наше лого</div>[table][tr][td]table/tr/td[td][td]table/tr/td2[td][tr][tr][td]table/tr2/td[td][td]table/tr2/td2[td][tr][table][extract]extract[extract]<div class='codetop'>CODE</div><div class='codemain' style='white-space:pre;overflow:auto'>codebox[b]b[b]</div>[code]code[b]b[b][code][topic=100]Topic 100[topic][post=100]Post 100[post][blog=100]Blog 100[blog][entry=100]Blog entry 100[entry][right][img]http://img-fotki.yandex.ru/get/4204/kp-pav.0/0_48559_8831c755_M.png[img][right][sql]<span style='color:blue;font-weight:bold'>SELECT t.tid <span style='color:green'>FROM <span style='color:orange'>a_table <span style='color:orange'>t <span style='color:green'>WHERE t[sql][html]<<span style='color:blue'>html><<span style='color:blue'>/html>[html][sh=sh2/sh3]test[sh][sh][float=/logo/grs1.png]Test[float]

3. При предпросмотре последний «float» вылезает за рамку:
Изображение
Изображение Test


Спасибо сказали:
Аватара пользователя
ZyX
Сообщения: 355
ОС: Gentoo

Re: Тег code перекашивает вёрстку

Сообщение ZyX »

4. Как при «быстром», так и при «полном» редактировании предыдущего сообщения я вижу следующий текст:

Код:

Нашёл ошибки: 1. «быстрое редактирование» выдаёт не тот текст: [codebox] Также в sh не работают: смена шрифта, смена размера, спойлер, подсветка внутри тёгов «sql» и «html», тёг «float» делает не совсем то, что нужно, текст в таблице имеет слишком тёмный цвет. [sh=sh1][table][tr][td][list] [*][list=1] [*][list=a] [*][list=i] [*][indent][right][quote][color="#F4A460"][font="Arial Narrow"][size=7][sub][sup][i][b][s][u]<span style='color:#000000;background:#000000'>[acronym=red color][email=kp-pav@ya.ru]крас[email][left][url="http://localhost"]ный[url][acronym]</span>[left][u][s][b][i][sup][sub][size][font][color][quote]</div>[indent] [list] [list] [list] [list][td][tr][table][sh][sh=sh2][man]mount[man][rfc]1918[rfc]<div style="float:right; overflow:hide; background:lightgray; max-width:30%; text-align:center; border-color:black; border:1px">[url="/logo/grs1.png"][img]/logo/grs1.png[img][url]Наше лого</div>[table][tr][td]table/tr/td[td][td]table/tr/td2[td][tr][tr][td]table/tr2/td[td][td]table/tr2/td2[td][tr][table][extract]extract[extract]<div class='codetop'>CODE</div><div class='codemain' style='white-space:pre;overflow:auto'>codebox[b]b[b]</div>[code]code[b]b[b][code][topic=100]Topic 100[topic][post=100]Post 100[post][blog=100]Blog 100[blog][entry=100]Blog entry 100[entry][right][img]http://img-fotki.yandex.ru/get/4204/kp-pav.0/0_48559_8831c755_M.png[img][right][sql]<span style='color:blue;font-weight:bold'>SELECT t.tid <span style='color:green'>FROM <span style='color:orange'>a_table <span style='color:orange'>t <span style='color:green'>WHERE t[sql][html]<<span style='color:blue'>html><<span style='color:blue'>/html>[html][sh=sh2/sh3]test[sh][sh][float=/logo/grs1.png]Test[float] [codebox] (обратить внимание на наличие «<span style>»). 2. аналогично полное редактирование: [codebox] Также в sh не работают: смена шрифта, смена размера, спойлер, подсветка внутри тёгов «sql» и «html», тёг «float» делает не совсем то, что нужно, текст в таблице имеет слишком тёмный цвет. [sh=sh1][table][tr][td][list] [*][list=1] [*][list=a] [*][list=i] [*][indent][right][quote][color="#F4A460"][font="Arial Narrow"][size=7][sub][sup][i][b][s][u]<span style='color:#000000;background:#000000'>[acronym=red color][email=kp-pav@ya.ru]крас[email][left][url="http://localhost"]ный[url][acronym]</span>[left][u][s][b][i][sup][sub][size][font][color][quote]</div>[indent] [list] [list] [list] [list][td][tr][table][sh][sh=sh2][man]mount[man][rfc]1918[rfc]<div style="float:right; overflow:hide; background:lightgray; max-width:30%; text-align:center; border-color:black; border:1px">[url="/logo/grs1.png"][img]/logo/grs1.png[img][url]Наше лого</div>[table][tr][td]table/tr/td[td][td]table/tr/td2[td][tr][tr][td]table/tr2/td[td][td]table/tr2/td2[td][tr][table][extract]extract[extract]<div class='codetop'>CODE</div><div class='codemain' style='white-space:pre;overflow:auto'>codebox[b]b[b]</div>[code]code[b]b[b][code][topic=100]Topic 100[topic][post=100]Post 100[post][blog=100]Blog 100[blog][entry=100]Blog entry 100[entry][right][img]http://img-fotki.yandex.ru/get/4204/kp-pav.0/0_48559_8831c755_M.png[img][right][sql]<span style='color:blue;font-weight:bold'>SELECT t.tid <span style='color:green'>FROM <span style='color:orange'>a_table <span style='color:orange'>t <span style='color:green'>WHERE t[sql][html]<<span style='color:blue'>html><<span style='color:blue'>/html>[html][sh=sh2/sh3]test[sh][sh][float=/logo/grs1.png]Test[float] [codebox] 3. При предпросмотре последний «float» вылезает за рамку: [img]http://img-fotki.yandex.ru/get/4206/kp-pav.0/0_496e4_ac008669_orig.png[img] [float=/logo/grs1.png]Test[float]

, хотя должен видеть:

Код:

Нашёл ошибки: 1. «быстрое редактирование» выдаёт не тот текст: [codebox] Также в sh не работают: смена шрифта, смена размера, спойлер, подсветка внутри тёгов «sql» и «html», тёг «float» делает не совсем то, что нужно, текст в таблице имеет слишком тёмный цвет. &#91;sh=sh1&#93;&#91;table&#93;&#91;tr&#93;&#91;td&#93;&#91;list&#93; &#91;*&#93;&#91;list=1&#93; &#91;*&#93;&#91;list=a&#93; &#91;*&#93;&#91;list=i&#93; &#91;*&#93;&#91;indent&#93;&#91;right&#93;&#91;quote&#93;&#91;color="#F4A460"&#93;&#91;font="Arial Narrow"&#93;&#91;size=7&#93;&#91;sub&#93;&#91;sup&#93;&#91;i&#93;&#91;b&#93;&#91;s&#93;&#91;u&#93;<span style='color:#000000;background:#000000'>&#91;acronym=red color&#93;&#91;email=kp-pav@ya.ru&#93;крас&#91;/email&#93;&#91;left&#93;&#91;url="http://localhost"&#93;ный&#91;/url&#93;&#91;/acronym&#93;</span>&#91;/left&#93;&#91;/u&#93;&#91;/s&#93;&#91;/b&#93;&#91;/i&#93;&#91;/sup&#93;&#91;/sub&#93;&#91;/size&#93;&#91;/font&#93;&#91;/color&#93;&#91;/quote&#93;</div>&#91;/indent&#93; &#91;/list&#93; &#91;/list&#93; &#91;/list&#93; &#91;/list&#93;&#91;/td&#93;&#91;/tr&#93;&#91;/table&#93;&#91;/sh&#93;&#91;sh=sh2&#93;&#91;man&#93;mount&#91;/man&#93;&#91;rfc&#93;1918&#91;/rfc&#93;<div style="float:right; overflow:hide; background:lightgray; max-width:30%; text-align:center; border-color:black; border:1px">&#91;url="/logo/grs1.png"&#93;&#91;img&#93;/logo/grs1.png&#91;/img&#93;&#91;/url&#93;Наше лого</div>&#91;table&#93;&#91;tr&#93;&#91;td&#93;table/tr/td&#91;/td&#93;&#91;td&#93;table/tr/td2&#91;/td&#93;&#91;/tr&#93;&#91;tr&#93;&#91;td&#93;table/tr2/td&#91;/td&#93;&#91;td&#93;table/tr2/td2&#91;/td&#93;&#91;/tr&#93;&#91;/table&#93;&#91;extract&#93;extract&#91;/extract&#93;<div class='codetop'>CODE</div><div class='codemain' style='white-space:pre;overflow:auto'>codebox&#91;b&#93;b&#91;/b&#93;</div>&#91;code&#93;code&#91;b&#93;b&#91;/b&#93;&#91;/code&#93;&#91;topic=100&#93;Topic 100&#91;/topic&#93;&#91;post=100&#93;Post 100&#91;/post&#93;&#91;blog=100&#93;Blog 100&#91;/blog&#93;&#91;entry=100&#93;Blog entry 100&#91;/entry&#93;&#91;right&#93;&#91;img&#93;http://img-fotki.yandex.ru/get/4204/kp-pav.0/0_48559_8831c755_M.png&#91;/img&#93;&#91;/right&#93;&#91;sql&#93;<span style='color:blue;font-weight:bold'>SELECT t.tid <span style='color:green'>FROM <span style='color:orange'>a_table <span style='color:orange'>t <span style='color:green'>WHERE t&#91;/sql&#93;&#91;html&#93;<<span style='color:blue'>html><<span style='color:blue'>/html>&#91;/html&#93;&#91;sh=sh2/sh3&#93;test&#91;/sh&#93;&#91;/sh&#93;&#91;float=/logo/grs1.png&#93;Test&#91;/float&#93; [codebox] (обратить внимание на наличие «<span style>»). 2. аналогично полное редактирование: [codebox] Также в sh не работают: смена шрифта, смена размера, спойлер, подсветка внутри тёгов «sql» и «html», тёг «float» делает не совсем то, что нужно, текст в таблице имеет слишком тёмный цвет. &#91;sh=sh1&#93;&#91;table&#93;&#91;tr&#93;&#91;td&#93;&#91;list&#93; &#91;*&#93;&#91;list=1&#93; &#91;*&#93;&#91;list=a&#93; &#91;*&#93;&#91;list=i&#93; &#91;*&#93;&#91;indent&#93;&#91;right&#93;&#91;quote&#93;&#91;color="#F4A460"&#93;&#91;font="Arial Narrow"&#93;&#91;size=7&#93;&#91;sub&#93;&#91;sup&#93;&#91;i&#93;&#91;b&#93;&#91;s&#93;&#91;u&#93;<span style='color:#000000;background:#000000'>&#91;acronym=red color&#93;&#91;email=kp-pav@ya.ru&#93;крас&#91;/email&#93;&#91;left&#93;&#91;url="http://localhost"&#93;ный&#91;/url&#93;&#91;/acronym&#93;</span>&#91;/left&#93;&#91;/u&#93;&#91;/s&#93;&#91;/b&#93;&#91;/i&#93;&#91;/sup&#93;&#91;/sub&#93;&#91;/size&#93;&#91;/font&#93;&#91;/color&#93;&#91;/quote&#93;</div>&#91;/indent&#93; &#91;/list&#93; &#91;/list&#93; &#91;/list&#93; &#91;/list&#93;&#91;/td&#93;&#91;/tr&#93;&#91;/table&#93;&#91;/sh&#93;&#91;sh=sh2&#93;&#91;man&#93;mount&#91;/man&#93;&#91;rfc&#93;1918&#91;/rfc&#93;<div style="float:right; overflow:hide; background:lightgray; max-width:30%; text-align:center; border-color:black; border:1px">&#91;url="/logo/grs1.png"&#93;&#91;img&#93;/logo/grs1.png&#91;/img&#93;&#91;/url&#93;Наше лого</div>&#91;table&#93;&#91;tr&#93;&#91;td&#93;table/tr/td&#91;/td&#93;&#91;td&#93;table/tr/td2&#91;/td&#93;&#91;/tr&#93;&#91;tr&#93;&#91;td&#93;table/tr2/td&#91;/td&#93;&#91;td&#93;table/tr2/td2&#91;/td&#93;&#91;/tr&#93;&#91;/table&#93;&#91;extract&#93;extract&#91;/extract&#93;<div class='codetop'>CODE</div><div class='codemain' style='white-space:pre;overflow:auto'>codebox&#91;b&#93;b&#91;/b&#93;</div>&#91;code&#93;code&#91;b&#93;b&#91;/b&#93;&#91;/code&#93;&#91;topic=100&#93;Topic 100&#91;/topic&#93;&#91;post=100&#93;Post 100&#91;/post&#93;&#91;blog=100&#93;Blog 100&#91;/blog&#93;&#91;entry=100&#93;Blog entry 100&#91;/entry&#93;&#91;right&#93;&#91;img&#93;http://img-fotki.yandex.ru/get/4204/kp-pav.0/0_48559_8831c755_M.png&#91;/img&#93;&#91;/right&#93;&#91;sql&#93;<span style='color:blue;font-weight:bold'>SELECT t.tid <span style='color:green'>FROM <span style='color:orange'>a_table <span style='color:orange'>t <span style='color:green'>WHERE t&#91;/sql&#93;&#91;html&#93;<<span style='color:blue'>html><<span style='color:blue'>/html>&#91;/html&#93;&#91;sh=sh2/sh3&#93;test&#91;/sh&#93;&#91;/sh&#93;&#91;float=/logo/grs1.png&#93;Test&#91;/float&#93; [codebox] 3. При предпросмотре последний «float» вылезает за рамку: [img]http://img-fotki.yandex.ru/get/4206/kp-pav.0/0_496e4_ac008669_orig.png[img] [float=/logo/grs1.png]Test[float]

(обратить внимание на превращение «[» и «]» в «&#91;» и «&#93;» соответственно).

5. Забыл сказать, что движок добавил лишние переносы строки перед каждым «[list]» и после каждого «[list]». Я их не писал.
Спасибо сказали:
Аватара пользователя
ZyX
Сообщения: 355
ОС: Gentoo

Re: Тег code перекашивает вёрстку

Сообщение ZyX »

6. Мои сообщения портят вёрстку при ответе:
Изображение
(горизонтальный scrollbar должен быть у codebox, а не у всей страницы)

7. Картинка вылезает за рамку (в Opera после «быстрого редактирования», так как я отключил показ изображений на форуме и всё время смотрю страницы увеличенными, в chromium после увеличения):
Изображение

8. Для того, чтобы ввести тёг BBCode в виде текста, при «быстром редактировании», нужно написать «&#38;#91;tag]», а не «&#91;tag]».

PS: здесь нет возможности восстановить текст, посылаемый для «предварительного просмотра». А то уменя удалось сделать так, что тёг «sh» завершается до того, как в тексте встречается строка «[sh]», но повторить это не удаётся.
Спасибо сказали:
Аватара пользователя
/dev/random
Администратор
Сообщения: 5399
ОС: Gentoo

Re: Тег code перекашивает вёрстку

Сообщение /dev/random »

Неслабый такой багрепорт...

* То, что съедаются цвета, я знал ещё до того, как стал не только админом, но и модератором. Но думал, что это не баг, а фича. А сейчас посмотрел - в уже преобразованном в html коде зачем-то экранируется знак "=". Т.е. баг. Нужно разбираться.

* Тег [ float ] - экспериментальный. Его я добавил недавно и ещё буду переделывать.

* Вёрстка при ответе: Да, пропустил. Это, по сути, продолжение бага из сабжа. В темах я исправил, а в ответах - не подумал. Надо ещё в личных сообщениях посмотреть.

* Переносы при [ list ]: надо проверить. Может, баг, а может, фича.

* Таблицы внутри [ sh = . ] - ИМХО, извращение.

* Быстрое редактирование - кошмарно глючная вещь, и править её я не рискну.

* Остальные баги (включая проблемы при редактировании) являются следствиями первого.
Спасибо сказали:
Аватара пользователя
/dev/random
Администратор
Сообщения: 5399
ОС: Gentoo

Re: Тег code перекашивает вёрстку

Сообщение /dev/random »

тест
watashiwa_daredeska писал(а):
27.06.2010 23:22

Shell

Цвета: красный, зеленый, синий

color вообще молча съедается. А так хотелось цветные подсказки в sh :)
Спасибо сказали: