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

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

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

D1D1D1D

Advanced Member

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

Привет. Есть ли возможность средствами CSS указать позицию ударения в слове? К примеру, есть слово «программирование» — и нужно поставить ударение (либо как-то выделить) 9-ю букву в этом слове, не вписывая ничего между буквами.

Всего записей: 1367 | Зарегистр. 05-04-2010 | Отправлено: 05:53 03-07-2021

Mavrikii Platinum Member	Редактировать \| Профиль \| Сообщение \| Цитировать \| Сообщить модератору D1D1D1D Нет
	Всего записей: 15111 \| Зарегистр. 20-09-2014 \| Отправлено: 05:56 03-07-2021

D1D1D1D Advanced Member	Редактировать \| Профиль \| Сообщение \| Цитировать \| Сообщить модератору Mavrikii А возможен Jscript код для такой задачи? Когда к примеру, <div class="9">программирование</div> — выделяет 9-ю букву в слове?
	Всего записей: 1367 \| Зарегистр. 05-04-2010 \| Отправлено: 06:04 03-07-2021

Mavrikii

Platinum Member

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

D1D1D1D

Цитата:

А возможен Jscript код для такой задачи

да, проще с помощью jQuery, но можно и на чистом js.
и лучше не класс (он не может начинаться с цифры), а data- атрибут.
https://jsfiddle.net/Lapyzkj1/1/
со знаком ударения чуть сложнее, нужно либо учитывать регистр буквы и размещать его соответственно, либо составить таблицу сопоставления уникод символов с акцентом и тд и тп.
если просто выделить как то цветом - проще, код показывает как применяется класс.
не будет работать если внутри не просто текст, а вложенный HTML код.

ну и код не проверяет есть ли столько букв в слове, если не будет - будет ошибка.

Всего записей: 15111 | Зарегистр. 20-09-2014 | Отправлено: 06:38 03-07-2021 | Исправлено: Mavrikii, 06:42 03-07-2021

D1D1D1D Advanced Member	Редактировать \| Профиль \| Сообщение \| Цитировать \| Сообщить модератору Mavrikii Большое спасибо!
	Всего записей: 1367 \| Зарегистр. 05-04-2010 \| Отправлено: 07:03 03-07-2021

D1D1D1D

Advanced Member

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

Если некий тег находится внутри TD — как в стилях прописать закраску всей ячейки? То есть, такая конструкция:

<TD><DD>текст</DD></TD>

Можно ли по вложенному элементу закрасить внешний элемент?

Всего записей: 1367 | Зарегистр. 05-04-2010 | Отправлено: 00:35 16-07-2021

Mavrikii

Platinum Member

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

D1D1D1D

Цитата:

Можно ли по вложенному элементу закрасить внешний элемент?

нет, js
https://css-tricks.com/a-use-case-for-a-parent-selector/

Всего записей: 15111 | Зарегистр. 20-09-2014 | Отправлено: 00:37 16-07-2021 | Исправлено: Mavrikii, 00:38 16-07-2021

D1D1D1D

Advanced Member

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

А на таком примере, как можно было бы грамотно, на css или js, полностью залить зелёным ячейки в первой колонке, учитывая, что теги и цвета могут быть разные (то есть, не привязывая цвет к стилю колонки)? — https://disk.yandex.ru/d/3oIhj2wvT100IA

Всего записей: 1367 | Зарегистр. 05-04-2010 | Отправлено: 02:24 16-07-2021

Mavrikii

Platinum Member

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

D1D1D1D

Код:

tbody tr.dx-data-row td:first-child {
background-color: green;
}

Всего записей: 15111 | Зарегистр. 20-09-2014 | Отправлено: 03:44 16-07-2021

D1D1D1D

Advanced Member

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

Mavrikii

Но так вроде цвета будут привязаны к ячейкам определенной колонки. А как сделать, если планируется между зелеными добавлять другие теги, с назначением им других цветов? Помимо DD, например — будет тег EM, которому будет назначен красный

Всего записей: 1367 | Зарегистр. 05-04-2010 | Отправлено: 04:59 16-07-2021

Mavrikii

Platinum Member

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

D1D1D1D

Цитата:

Но так вроде цвета будут привязаны к ячейкам определенной колонки. А как сделать, если планируется между зелеными добавлять другие теги, с назначением им других цветов? Помимо DD, например — будет тег EM, которому будет назначен красны

и как это помешает? если внутри тега td с зеленым фоном будет другой тег, с другим фоном - он его перекроет.
https://jsfiddle.net/7oqL8f5z/

Всего записей: 15111 | Зарегистр. 20-09-2014 | Отправлено: 05:19 16-07-2021 | Исправлено: Mavrikii, 05:21 16-07-2021

D1D1D1D Advanced Member	Редактировать \| Профиль \| Сообщение \| Цитировать \| Сообщить модератору Mavrikii Есть необходимость, чтобы красный тоже полностью заливал ячейку TD, а не только текст.
	Всего записей: 1367 \| Зарегистр. 05-04-2010 \| Отправлено: 11:37 16-07-2021 \| Исправлено: D1D1D1D, 21:46 16-07-2021

Mavrikii Platinum Member	Редактировать \| Профиль \| Сообщение \| Цитировать \| Сообщить модератору D1D1D1D например (с jQuery проще) https://jsfiddle.net/wdcjsy9q/
	Всего записей: 15111 \| Зарегистр. 20-09-2014 \| Отправлено: 05:04 17-07-2021

D1D1D1D

Advanced Member

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

Mavrikii
Спасибо! Вроде как я не правильно прописываю js-код в таком виде в файле «index.js»? —

Код:

$(function(){
$('tr td:first-child em').closest('td').css('background-color', 'red');
});

Всего записей: 1367 | Зарегистр. 05-04-2010 | Отправлено: 05:35 17-07-2021

Mavrikii

Platinum Member

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

D1D1D1D

Цитата:

Вроде как я не правильно прописываю js-код в таком виде в файле «index.js»?

ну елки палки..
на этот момент ваша таблица еще не отрисовалась.
с событием отрисовку уже была ранее ссылка.

Всего записей: 15111 | Зарегистр. 20-09-2014 | Отправлено: 06:03 17-07-2021

D1D1D1D

Advanced Member

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

Mavrikii
Не припоминаю. Вот так? —

Код:

window.onload = function() {
$('tr td:first-child em').closest('td').css('background-color', 'red');
}

Добавлено:
А, вот оно:

Код:

onContentReady: function(e) {
$('tr td:first-child em').closest('td').css('background-color', 'red');
},

Спасибо!

Всего записей: 1367 | Зарегистр. 05-04-2010 | Отправлено: 11:43 17-07-2021 | Исправлено: D1D1D1D, 11:47 17-07-2021

Kaber

Advanced Member

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

Что можно сделать, чтобы не прыгали соседние колонки? Т.е. нажимаю toggle - раскрывается список, соседние колонки не меняют высоту и никуда не перескакивают, спс заранее.
Ссылка

Всего записей: 1356 | Зарегистр. 14-03-2014 | Отправлено: 16:46 18-07-2021

Kaber Advanced Member	Редактировать \| Профиль \| Сообщение \| Цитировать \| Сообщить модератору Мда, наверное css это не решить, в итоге разделил массив на 3 и вывел в трех независимых div, с помощью php
	Всего записей: 1356 \| Зарегистр. 14-03-2014 \| Отправлено: 20:24 18-07-2021

WONDROUS Silver Member	Редактировать \| Профиль \| Сообщение \| Цитировать \| Сообщить модератору Задал вопрос и сам потом нашёл ошибку на странице.
	Всего записей: 3347 \| Зарегистр. 30-06-2002 \| Отправлено: 17:28 20-07-2021 \| Исправлено: WONDROUS, 18:22 20-07-2021

WONDROUS Silver Member	Редактировать \| Профиль \| Сообщение \| Цитировать \| Сообщить модератору Просьба подсказать, как правильно сделать, чтобы в этом примере переключатель работал, чтобы текст раскрывался?
	Всего записей: 3347 \| Зарегистр. 30-06-2002 \| Отправлено: 01:08 22-08-2021 \| Исправлено: WONDROUS, 15:40 22-08-2021

Открыть новую тему

Написать ответ в эту тему

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