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

НовостиФайловые архивы
ПоискАктивные темыТоп лист
ПравилаКто в 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 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127

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

Xrobak

Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Ссылки для самостоятельного изучения:
 
Теория + примеры + учебники:
W3School: CSS Tutorial
MDN: Cascading Style Sheets (CSS)
WebReference: Уроки по HTML и CSS
htmlbook: Справочник CSS
YouTube: Основы CSS/CSS3
CSS для JavaScript-разработчика
Основы CSS - каскадные таблицы стилей
Статьи по основам CSS
 
Применение на практике:
StackOverflow: 'CSS' Questions
CSS-Tricks
 

Первый пост темы (до включения шапки).. ··· Текущий бэкап шапки..

Всего записей: 939 | Зарегистр. 16-08-2004 | Отправлено: 18:46 27-10-2004 | Исправлено: TheBarmaley, 05:24 27-02-2019
GEGEMON



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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Всего записей: 15024 | Зарегистр. 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 это уже необязательно.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Всего записей: 15024 | Зарегистр. 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.

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

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

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

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

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

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

Всего записей: 1362 | Зарегистр. 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 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127

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


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

Powered by Ikonboard "v2.1.7b" © 2000 Ikonboard.com
Modified by Ru.B0ard
© Ru.B0ard 2000-2024

BitCoin: 1NGG1chHtUvrtEqjeerQCKDMUi6S6CG4iC

Рейтинг.ru