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

НовостиФайловые архивы
ПоискАктивные темыТоп лист
ПравилаКто в 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
WONDROUS



Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Mavrikii
Это я знаю, спасибо.
 
Я правильно понимаю, что style="white-space:pre-wrap;" надо добавлять в строку, где указан язык кода? И что с этим строки будут переходить на новую? Что-то толком мало чего получается. Да и работает всё это почему-то только для CSS и JS. У SVG картинку показывает вместо когда, в HTML готовый результат вместо кода.

Всего записей: 3346 | Зарегистр. 30-06-2002 | Отправлено: 21:28 15-02-2019
Mavrikii

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

Цитата:
 Да и работает всё это почему-то только для CSS и JS

"все это" - что именно?
 

Цитата:
что style="white-space:pre-wrap;" надо добавлять в строку, где указан язык кода?

для любого элемента, в котором хотите использовать перенос строк.
 

Цитата:
У SVG картинку показывает вместо когда, в HTML готовый результат вместо кода.

я не знаю о чем вы говорите.

Всего записей: 15040 | Зарегистр. 20-09-2014 | Отправлено: 21:31 15-02-2019
WONDROUS



Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Mavrikii
На оф.сайте в блоке SVG показывается код SVG, я же когда вставляю код и указываю язык svg, то или ничего не видно, или видна сама картинка SVG.
 
И да, перенос строк работает с тем кодом, но нумерация работает не так, как хотелось бы. Пример, где в маркдаун перенос пятой строки.

Всего записей: 3346 | Зарегистр. 30-06-2002 | Отправлено: 21:48 15-02-2019
Mavrikii

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

Цитата:
я же когда вставляю код и указываю язык svg, то или ничего не видно, или видна сама картинка SVG.

как вы вставляете? на сайте так
Код:
<pre data-src="logo.svg"></pre>

если же хотите вставлять явно - преобразуйте < и > в html сущности
 

Цитата:
Пример, где в маркдаун перенос пятой строки.

ограничение по ширине, вот и переносится на новую строку.

Всего записей: 15040 | Зарегистр. 20-09-2014 | Отправлено: 21:54 15-02-2019 | Исправлено: Mavrikii, 21:56 15-02-2019
WONDROUS



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

Цитата:
ограничение по ширине, вот и переносится на новую строку.
 

Я имею ввиду, что по идее строка 6 должна быть тогда с * Simple formatting...

Всего записей: 3346 | Зарегистр. 30-06-2002 | Отправлено: 22:00 15-02-2019
Mavrikii

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

Цитата:
Я имею ввиду, что по идее строка 6 должна быть тогда с * Simple formatting...

повторю еще раз - нумерация строк основа на простых принципах фактически отображаемых строк. из за того, что текст шире области его вывода, он переносится на новую строку, поэтому идет следующий номер. уберете ограничение на ширину (появится горизонтальная прокрутка кода) - такого эффекта не будет.
ps: тут в примерах горизонтальная прокрутка есть - https://prismjs.com/#examples

Всего записей: 15040 | Зарегистр. 20-09-2014 | Отправлено: 22:01 15-02-2019 | Исправлено: Mavrikii, 22:15 15-02-2019
WONDROUS



Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Mavrikii
В примере на сайте считает вроде правильно или нет? Длинную строку с переносом считает как одну строку, перенос без цифры, следующая строка уже с номером.
 
 

Всего записей: 3346 | Зарегистр. 30-06-2002 | Отправлено: 22:15 15-02-2019 | Исправлено: WONDROUS, 22:16 15-02-2019
Mavrikii

Platinum Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
WONDROUS
Читайте, что в примере сказано о soft wrap. У вас же не так, поэтому происходит иначе.
Более того, вы даже пример не можете скопировать - язык указывается в pre, а не в code, как и line-numbers

Цитата:
pre[class*="language-"].line-numbers {
    position: relative;
    padding-left: 3.8em;
    counter-reset: linenumber;
}
 
pre[class*="language-"].line-numbers > code {
    position: relative;
    white-space: inherit;
}


Всего записей: 15040 | Зарегистр. 20-09-2014 | Отправлено: 22:16 15-02-2019 | Исправлено: Mavrikii, 22:20 15-02-2019
WONDROUS



Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Mavrikii
Делал так, как на каком-то сайте было написано, поэтому и написал не там. Спасибо за подсказку, как правильно надо было.

Всего записей: 3346 | Зарегистр. 30-06-2002 | Отправлено: 22:45 15-02-2019
WONDROUS



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

Всего записей: 3346 | Зарегистр. 30-06-2002 | Отправлено: 20:06 17-02-2019 | Исправлено: WONDROUS, 21:12 17-02-2019
VVL99

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

----------
Гомосексуальность среди модераторов не является психическим расстройством, несмотря на синонимы этого понятия в русском языке.

Всего записей: 4158 | Зарегистр. 03-02-2011 | Отправлено: 20:17 17-02-2019
TheBarmaley



Platinum Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
VVL99
Цитата:
Уроки по CSS
ну вот.. пришёл и пацанам весь кайф обломал..    
 
а ваще - здравая мысль - хорошо бы шапку присобачить да покидать туда полезного..)
заяву оставил, ждём-с..

----------
..the one of.. ··· ..sam-&-pol..

Всего записей: 17211 | Зарегистр. 07-06-2006 | Отправлено: 20:38 17-02-2019
Hinzor



Junior Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
http://welovepenna.byethost7.com
кто поскажет как адаптировать ету радость под планшет и смарфон екраны (чем проще тем лучше: сыну через два дня сдавать ето)
Спасибо

Всего записей: 45 | Зарегистр. 16-08-2007 | Отправлено: 09:32 26-02-2019
Mavrikii

Platinum Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Hinzor
как минимум - не использовать фиксированную ширину.
а уже затем писать отдельные css классы для различных ширин устройств

Всего записей: 15040 | Зарегистр. 20-09-2014 | Отправлено: 09:33 26-02-2019
Hinzor



Junior Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Спасибо за совет, можно еще вопрос? У меня там боковое меню внутри div контейнера.
Контейнер почему-то разширяется вниз и тянет за собой футер  и общий бекграунд контенер.
Ето из-за float так происзодит? как ето исправить, что уменьшался с уменьщением размера екрана
как все остальные контейнеры?
Спасибо  

Всего записей: 45 | Зарегистр. 16-08-2007 | Отправлено: 02:42 27-02-2019
Mavrikii

Platinum Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Hinzor
начнем с мелочей - у мета тегов нет закрывающего (убрать </meta>)
и нет такого
Цитата:
meta="viewport"

 

Цитата:
Контейнер почему-то разширяется вниз и тянет за собой футер  и общий бекграунд контенер.  

потому что я говорил о ширинах, а вы проценты и в margin засунули. поэтому положение футера зависит от высоты окна браузера.
в дальнейшем вам нужно изучить http://htmlbook.ru/css/value/media , чтобы подгонять элементы при различных ширинах под нужные параметры.
возможно вам будет проще воспользоваться каким то css фреймворком для мобильности
https://www.awwwards.com/what-are-frameworks-22-best-responsive-css-frameworks-for-web-design.html
 
плюс желательно разобраться в min-width и max-width, ограничивая фактическую ширину (ибо на слишком широких или слишком узких экранах кое что может выглядеть неприятно)
 
ну и куча других неправильных вещей, включая, к примеру, position: fixed для фона - у вас же контент явно вылезет за его пределы.

Всего записей: 15040 | Зарегистр. 20-09-2014 | Отправлено: 03:33 27-02-2019 | Исправлено: Mavrikii, 03:59 27-02-2019
Hinzor



Junior Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
спасибо большое, кажется что-то прояснилось. есть надеюсь последний вопрос: два центральных тега div стоят в две колонки друг возле друга (создано с помощью тега float). так понимаю на разрещении екрана около 320 px (для смартфонов) их нужно разцепить: чтобы тег с float пошел вверх статья вниз. не поскажете как ето сделать: я уже перепробовал все что мог- ничего не получается...

Всего записей: 45 | Зарегистр. 16-08-2007 | Отправлено: 04:21 27-02-2019 | Исправлено: Hinzor, 06:08 27-02-2019
Mavrikii

Platinum Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Hinzor
так, легкая подсказка
Подробнее...

Всего записей: 15040 | Зарегистр. 20-09-2014 | Отправлено: 05:07 27-02-2019
TheBarmaley



Platinum Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
..возвращаясь к напечатанному - немножко пошуровал в шапке, первый пост унёс под море + накидал чуток ссылок..)
// текущий бэкап #

----------
..the one of.. ··· ..sam-&-pol..

Всего записей: 17211 | Зарегистр. 07-06-2006 | Отправлено: 05:24 27-02-2019
Hinzor



Junior Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
спасибо за подсказку постараюсь разобраться

Всего записей: 45 | Зарегистр. 16-08-2007 | Отправлено: 06:17 27-02-2019
Открыть новую тему     Написать ответ в эту тему

Страницы: 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