Перейти из форума на сайт.

НовостиФайловые архивы
ПоискАктивные темыТоп лист
ПравилаКто в on-line?
Вход Забыли пароль? Первый раз на этом сайте? Регистрация
Компьютерный форум Ru.Board » Интернет » Web-программирование » Вопросы по CSS

Модерирует : Cheery

 Версия для печати • ПодписатьсяДобавить в закладки
Страницы: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62

Открыть новую тему     Написать ответ в эту тему

GEGEMON

Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
del

Всего записей: 1255 | Зарегистр. 07-02-2006 | Отправлено: 12:55 15-10-2017 | Исправлено: GEGEMON, 01:00 16-10-2017
D1D1D1D

Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Привет! ПО ссылке https://jsfiddle.net/hdma/bdmq70tj/ визуализировал фрагмент текста, где сохранены номера страниц бумажного издания — и при этом, для удобства восприятия, текст в разрыве страниц сведён вместе, а номера страниц разведены в стороны.  
 
Есть ли возможность какими-то средствами сделать, чтобы при выделении текста фрагментов этих обеих страниц — не выделялись (и не копировались) также и номера этих страниц?

Всего записей: 626 | Зарегистр. 05-04-2010 | Отправлено: 17:18 18-10-2017 | Исправлено: D1D1D1D, 22:22 18-10-2017
Mavrikii

Gold Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
D1D1D1D
https://jsfiddle.net/bdmq70tj/1/
то, что выделяется, роли не играет.
ps: id должен быть уникальным. если хотите сделать anchor для прокрутки - <a> тег использовать необязательно, будет перематывать до любого элемента с нужным id

Всего записей: 5921 | Зарегистр. 20-09-2014 | Отправлено: 19:40 18-10-2017 | Исправлено: Mavrikii, 19:41 18-10-2017
D1D1D1D

Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Mavrikii

Цитата:
то, что выделяется, роли не играет.

Так мне надо, чтобы скопированный текст получался чистым, без номеров страниц, — и в то же время, чтобы страницы были наглядно обозримы (и рыбку съесть — и костью не подавиться)) Типа, какой-нибудь виртуальный стиль задать, чтобы не брало выделение. Это возможно?

Всего записей: 626 | Зарегистр. 05-04-2010 | Отправлено: 21:04 18-10-2017 | Исправлено: D1D1D1D, 21:07 18-10-2017
Mavrikii

Gold Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
D1D1D1D

Цитата:
Это возможно?

я не ту ссылку кинул ) через CSS и ::after
https://jsfiddle.net/bdmq70tj/2/
 
самый типичный способ - нумерация отдельно, текст в отдельном диве.
так, обычно, делается нумерация в листингах - пример https://studiostyl.es/schemes/son-of-obsidian
 
в CSS4 есть возможность, но он пока не всеми браузерами поддерживается.
https://jsfiddle.net/bdmq70tj/3/

Всего записей: 5921 | Зарегистр. 20-09-2014 | Отправлено: 21:13 18-10-2017 | Исправлено: Mavrikii, 21:15 18-10-2017
D1D1D1D

Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Mavrikii
 
А насчёт id, кстати — у меня некоторые id не срабатывали, пока возле <span id=""> не продублировал <a id="">.

Всего записей: 626 | Зарегистр. 05-04-2010 | Отправлено: 21:15 18-10-2017
Mavrikii

Gold Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
D1D1D1D

Цитата:
А насчёт id, кстати — у меня некоторые id не срабатывали

у меня все срабатывает, возможно у вас уже тогда дублировался id. но факт есть факт - id должен быть уникальным.

Всего записей: 5921 | Зарегистр. 20-09-2014 | Отправлено: 21:16 18-10-2017
D1D1D1D

Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Mavrikii
Спасибо!  
 

Цитата:
id должен быть уникальным

То есть, id должен быть уникальным для всего документа, а не для определенного тега?

Всего записей: 626 | Зарегистр. 05-04-2010 | Отправлено: 21:21 18-10-2017
Mavrikii

Gold Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
D1D1D1D

Цитата:
То есть, id должен быть уникальным для всего документа

http://htmlbook.ru/html/attr/id
да, id должен быть уникален для всей страницы.

Цитата:
Идентификатор должен обязательно начинаться с латинского символа

в html5 это уже необязательно.

Всего записей: 5921 | Зарегистр. 20-09-2014 | Отправлено: 21:23 18-10-2017 | Исправлено: Mavrikii, 21:24 18-10-2017
D1D1D1D

Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору

Цитата:
через CSS и ::after  
https://jsfiddle.net/bdmq70tj/2/

Жаль, что в CHM, с его особенностями — это не поддерживается.
 
Добавлено:

Цитата:
в html5 это уже необязательно.

Видимо, в этом было дело. Запомню))

Всего записей: 626 | Зарегистр. 05-04-2010 | Отправлено: 21:31 18-10-2017
Mavrikii

Gold Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
D1D1D1D

Цитата:
Видимо, в этом было дело. Запомню))

эм.. если речь о древнем IE, то там могли тоже быть особенности
 
но я бы забыл о chm, так как им никто практически не пользуется сейчас и узкая область применения. к тому же на его развитие "забили" еще в 2003.
большинство вещей реализуется в pdf и других мобильных форматах

Всего записей: 5921 | Зарегистр. 20-09-2014 | Отправлено: 21:37 18-10-2017
D1D1D1D

Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Всё-таки, у chm и преимуществ не мало — быстродействие, достигаемое за счёт компиляции, компактность, сжатие файлов, встроенный поиск. А в сочетании с объектом браузера TABULAR DATA CONTROL, они позволяют создавать локальные базы данных — такие, как, например, Орфографический словарь Лопатина размером в 160 000 строк с возможностью поиска слов и использования его в качестве обратного словаря. В других браузерах добиться хотя бы слабого подобия такой мощности невозможно.
 
 
Добавлено:
А с таким вариантом https://jsfiddle.net/1e1o0sv4/ можно добиться, чтобы оба фрагмента было в строку — без разрыва?

Всего записей: 626 | Зарегистр. 05-04-2010 | Отправлено: 21:52 18-10-2017 | Исправлено: D1D1D1D, 22:12 18-10-2017
Mavrikii

Gold Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору

Цитата:
чтобы оба фрагмента было в строку — без разрыва?

а точнее? не совсем понятно о чем речь

Всего записей: 5921 | Зарегистр. 20-09-2014 | Отправлено: 22:11 18-10-2017
D1D1D1D

Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Mavrikii

Цитата:
а точнее? не совсем понятно о чем речь

То есть, когда они были обёрнуты SPAN'ами — они не делили весь абзац пополам, можно было совмещать содержимое двух страниц в единую строку, как и в бумажном издании. А в примере код подразумевает разрыв всех страниц, так что между ними всегда должен быть разрыв строки.
 
Добавлено:
Вот ссылка: https://jsfiddle.net/1e1o0sv4/

Всего записей: 626 | Зарегистр. 05-04-2010 | Отправлено: 22:17 18-10-2017
Mavrikii

Gold Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
D1D1D1D
вы же сами указали

Цитата:
white-space: pre-wrap

http://htmlbook.ru/css/white-space

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

а остальное - потому что в таблицу запихнули, она растягивается из за содержимого (из за сохранения переносов и количества пробелов - тег pre тут не нужен), поэтому ничего не переносится.
https://jsfiddle.net/1e1o0sv4/1/
в отличие от дива таблица может растянуться из за содержимого, не перенося то, что внутри

Всего записей: 5921 | Зарегистр. 20-09-2014 | Отправлено: 22:25 18-10-2017 | Исправлено: Mavrikii, 22:26 18-10-2017
D1D1D1D

Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Mavrikii
Эх, тоже для CHM не подходит. Ещё пробовал скрывать цифры стилем "display:none" (думая сделать кнопку скрытия/отображения), но при копировании всё равно номера попадают в буфер.

Всего записей: 626 | Зарегистр. 05-04-2010 | Отправлено: 22:54 18-10-2017
Mavrikii

Gold Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору

Цитата:
, но при копировании всё равно номера попадают в буфер.

если стоит display: none, то не должны.
 
Насчет ::after и IE7 - https://stackoverflow.com/questions/4181884/after-and-before-css-pseudo-elements-hack-for-ie-7
IE6 в пролете, либо пробовать http://selectivizr.com/

Всего записей: 5921 | Зарегистр. 20-09-2014 | Отправлено: 22:59 18-10-2017 | Исправлено: Mavrikii, 23:04 18-10-2017
D1D1D1D

Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Mavrikii

Цитата:
если стоит display: none, то не должны.

Это опять же, если из CHM копировать, который, видимо, в Windows7 на движке старого IE. Скрывает, но копирует))
Спасибо за ссылки.
 
Добавлено:
Как оказалось, у меня в Windows 7 на IE11 (судя по данным из окна "О программе") цифры страниц с ::after тоже выделяются при выделении текста. А судя по режиму эмуляции по F12 — цифры вообще становятся видны после выборе движка номер 9.

Всего записей: 626 | Зарегистр. 05-04-2010 | Отправлено: 23:13 18-10-2017 | Исправлено: D1D1D1D, 23:25 18-10-2017
Mavrikii

Gold Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
D1D1D1D
тогда никак. если хотите кнопкой - можно убирать содержимое вообще, а номер хранить в доп атрибуте тега и потом прописывать его обратно. для этого нужен js.
 
что то типа такого - https://jsfiddle.net/bdmq70tj/6/
помнится, что с проверкой атрибута сложности были

Всего записей: 5921 | Зарегистр. 20-09-2014 | Отправлено: 23:37 18-10-2017 | Исправлено: Mavrikii, 23:46 18-10-2017
D1D1D1D

Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору

Цитата:
тогда никак.

Но ведь у меня 11 версия, почему ::after в ней не работает (в смысле, выделение цифры происходит)?

Всего записей: 626 | Зарегистр. 05-04-2010 | Отправлено: 23:42 18-10-2017 | Исправлено: D1D1D1D, 23:46 18-10-2017
Открыть новую тему     Написать ответ в эту тему

Страницы: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62

Компьютерный форум Ru.Board » Интернет » Web-программирование » Вопросы по CSS

Имя:
Пароль:
Сообщение

Для вставки имени, кликните на нем.

Опции сообщенияДобавить свою подпись
Подписаться на получение ответов по e-mail
Добавить тему в личные закладки
Разрешить смайлики?
Запретить коды


Реклама на форуме Ru.Board.

Powered by Ikonboard "v2.1.7b" © 2000 Ikonboard.com
Modified by Ru.Board
© Ru.Board 2000-2018

BitCoin: 1NGG1chHtUvrtEqjeerQCKDMUi6S6CG4iC

Рейтинг.ru