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

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



Junior Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Селектор1 > Селектор2 - выборка Селектор2, которые являются дочерними элементами в Селектор1
Селектор1 Селектор2 - то же, но все потомки.
 
Если не работало с пробелом вместо > значит была ещё ошибка. Кстати, > не работает в IE7.

Всего записей: 182 | Зарегистр. 04-07-2015 | Отправлено: 13:56 09-05-2016
HeT BonpocoB



Advanced Member
Редактировать | Профиль | Сообщение | ICQ | Цитировать | Сообщить модератору
благодарю, уже отыскал....
сейчас экспериментирую - оно работает в различных вариантах
как всё же правильно синтаксически, или как работает так и оставить? не заморачиватьься...
может так?

Код:
.video_id:nth-child(even) > .thumbnail { float: left; }

https://jsfiddle.net/vopros/kgw7vnmj/1/

Всего записей: 1342 | Зарегистр. 30-03-2003 | Отправлено: 14:27 09-05-2016
Xrobak

Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
добавь в закладки http://prgssr.ru/development/polnoe-rukovodstvo-po-psevdoklassam-i-psevdoelementam.html
 

Цитата:
как всё же правильно синтаксически, или как работает так и оставить?

оба варианта правильные, но я бы взял последний

Всего записей: 939 | Зарегистр. 16-08-2004 | Отправлено: 01:40 10-05-2016 | Исправлено: Xrobak, 00:31 16-05-2016
HeT BonpocoB



Advanced Member
Редактировать | Профиль | Сообщение | ICQ | Цитировать | Сообщить модератору
вчера два часа ломал голову на очередным кроссвордом с nth-child
(решил, но не напрямую... а хотелось бы узнать решение:
 
допустим обычная таблица, строки <tr>
как с помощью "чайлдов" "выделить" все строки, кроме первой и последней?

Всего записей: 1342 | Зарегистр. 30-03-2003 | Отправлено: 14:34 16-05-2016
stupom



Junior Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
А диапазонов вроде нет и считать с конца тоже не умеют.
У меня вот такой колхоз получился, естественно, проблема в согласовании стиля и числа строк, что не правильно.

Код:
<style>
  table tr td { background-color: red; width: 10px; height: 3px; }
  table tr:nth-child(n+2):nth-child(-n+9) td { background-color: blue; }
</style>
<table>
<tr><td><td><td>
<tr><td><td><td>
<tr><td><td><td>
<tr><td><td><td>
<tr><td><td><td>
<tr><td><td><td>
<tr><td><td><td>
<tr><td><td><td>
<tr><td><td><td>
<tr><td><td><td>
</table>

Табличный дизайн сайтов - РУЛИТ!
Хотя, более логично, всёж выделить первую и последнюю и не выпендриваться

Всего записей: 182 | Зарегистр. 04-07-2015 | Отправлено: 15:04 16-05-2016
HeT BonpocoB



Advanced Member
Редактировать | Профиль | Сообщение | ICQ | Цитировать | Сообщить модератору
stupom
ага, вроде фурычит... но! хотя всёж (-n+9) не универсальный вариант
Цитата:
и считать с конца тоже не умеют.  
ну есть же nth-last-child() я вот их в парре вчера крутил-крутил... так и не хватило логического мЫшления... хотя вот всё время чувствовал что-то как-то можно!

Всего записей: 1342 | Зарегистр. 30-03-2003 | Отправлено: 16:12 16-05-2016
stupom



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

Цитата:
nth-last-child
-точно, чёт я сбрехал.
тогда интервал можно сделать

Код:
:nth-child(...):nth-last-child(...) { }

Теперь вот сам буду ломать голову, как определить несколько интервалов.

Всего записей: 182 | Зарегистр. 04-07-2015 | Отправлено: 16:19 16-05-2016
HeT BonpocoB



Advanced Member
Редактировать | Профиль | Сообщение | ICQ | Цитировать | Сообщить модератору
да. вроде вот так работает...
 
 table tr:nth-child(n+2):nth-last-child(n+2) td { background-color: blue; }
 
 
я вчера просто с синтаксисом профтыкался... я этот вариант и крутил, но не так прописывал....

Всего записей: 1342 | Зарегистр. 30-03-2003 | Отправлено: 16:21 16-05-2016
Xrobak

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

Код:
tr:not(:first-child):not(:last-child) {
    color: red;
}

Всего записей: 939 | Зарегистр. 16-08-2004 | Отправлено: 15:59 17-05-2016
sir35



Junior Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Здравствуйте прошу помощи.Нужен скрипт.Суть- калькулятор расчёта стоимости услуг.1 переменная+2 переменная * 3 переменная * 4 переменная* 5 переменная=результат.  
<form action="<?_SERVER['PHP_SELF']?>"method="post">  
Стоимость товара:<br />  
<input type="text" name="cost of goods"><br />  
Стоимость доставки:<br />  
<input type="text" name="Shipping"><br />  
<imput typy="hidden" name="Курс валют 1" value="0.17"><br />  
<imput typy="hidden" name="Процент за услуги" value="5"><br />  
<imput typy="hidden" name="Курс валют 1" value="26.6"><br />  
<input type="submit" value="Считать"/>  
</form>

Всего записей: 51 | Зарегистр. 13-04-2016 | Отправлено: 21:45 21-05-2016
stupom



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

Цитата:
калькулятор расчёта стоимости
- ошиблись темой

Всего записей: 182 | Зарегистр. 04-07-2015 | Отправлено: 22:36 21-05-2016
sir35



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

Всего записей: 51 | Зарегистр. 13-04-2016 | Отправлено: 22:54 21-05-2016
stupom



Junior Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
В цитате вашего сообщения ссылка на ваш пост в теме по JavaScript.
Уже всё отвечено и сделано.

Всего записей: 182 | Зарегистр. 04-07-2015 | Отправлено: 22:57 21-05-2016
sir35



Junior Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
сколько?
 
Добавлено:
И 3-4-5 переменные должны быть скрыты ок?

Всего записей: 51 | Зарегистр. 13-04-2016 | Отправлено: 22:59 21-05-2016
stupom



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

Цитата:
сколько?

200 руб. устроит?

Цитата:
И 3-4-5 переменные должны быть скрыты ок?

Ну окей-окей, только давайте перейдём в правильную тему по JS
http://forum.ru-board.com/topic.cgi?forum=31&topic=12915&start=20
 
Эта тема по CSS и наше общение вроде как не в тему.

Всего записей: 182 | Зарегистр. 04-07-2015 | Отправлено: 23:05 21-05-2016
HeT BonpocoB



Advanced Member
Редактировать | Профиль | Сообщение | ICQ | Цитировать | Сообщить модератору
замутил popup с оверлеем на css (вот по этому мэнюалу )
всё красиво и замечательно вышло, кроме одной вещи....
 
не могу найти как бы отключить прокрутку основного окна, при "всплывшем" попапе?
 
оно бы как не критично.. но внизу страницы имеются элементы, которые при прокрутке вылезают наверх, ставь z-index хоть мильён...
 
или может можно эти элементы как-то скрыть?
 
скрипты, напомню, запрещены...

Всего записей: 1342 | Зарегистр. 30-03-2003 | Отправлено: 18:31 26-05-2016
Mavrikii

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

Цитата:
замутил popup с оверлеем на css

эм... что то мне это напоминает. аха, это, с чего бы..
Модальное окно автоматическое открытие
 

Цитата:
но внизу страницы имеются элементы, которые при прокрутке вылезают наверх, ставь z-index хоть мильён

а посмотреть? может там индекс на js считается.  
проблема с аналогичным css в том, что нужно применить свойства к body и html, дабы отключилась прокрутка.

Всего записей: 15023 | Зарегистр. 20-09-2014 | Отправлено: 19:32 26-05-2016 | Исправлено: Mavrikii, 19:39 26-05-2016
HeT BonpocoB



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

Цитата:
проблема с аналогичным css в том, что нужно применить свойства к body и html, дабы отключилась прокрутка.
т.е. без скриптов никак?
ладно...
 
мелкий вопрос:

Код:
<div id="popup" class="overlay"><a href="#"></a>

как прописать в css стиль исключительно для одного этого a ? (не прописывая для него отдельного класса)
ну типа
.overlay + a {}  
просто интересно... как ни пытаюсь - не срабатывает и всё тут
 
[добавлено]
Mavrikii а, понял теперь
а я почему-то думал что + это что-то типа аналога first-child

Всего записей: 1342 | Зарегистр. 30-03-2003 | Отправлено: 22:28 26-05-2016 | Исправлено: HeT BonpocoB, 23:36 26-05-2016
Mavrikii

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

Цитата:
.overlay + a {}  

я тут немного отвлекся, поэтому хрень написал )  
 
+ - след сиблинг, если нужен прямой потомок  
.overlay > a
 
http://www.w3schools.com/cssref/sel_element_pluss.asp
http://www.w3schools.com/cssref/sel_element_gt.asp
 
либо без прямого потомка
.overlay a {}

Всего записей: 15023 | Зарегистр. 20-09-2014 | Отправлено: 22:34 26-05-2016 | Исправлено: Mavrikii, 23:01 26-05-2016
HeT BonpocoB



Advanced Member
Редактировать | Профиль | Сообщение | ICQ | Цитировать | Сообщить модератору
как полагаете, коллеги, вот такая конструкция имеет право на существование?
https://jsfiddle.net/vopros/gbd5km67/
(больше всего беспокоит повёрнутый текст на "кнопке")
или на разных браузерах-разрешениях будет выглядеть по разному?
 
я тут уже почитай два дня убил на изучение вопроса "вертикального текста"
когда начинал и не предполагал что всё так сложно, в м$-ворде как-то было попроще
 
+ вдогонку... нет ли в css какого нить @рула на прокрутку?
ну допустим когда страница пролистана докуда-то - срабатывает рул... ?

Всего записей: 1342 | Зарегистр. 30-03-2003 | Отправлено: 17:37 29-05-2016 | Исправлено: HeT BonpocoB, 17:42 29-05-2016
Открыть новую тему     Написать ответ в эту тему

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