Вопросы по CSS - [77] :: 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 128 129

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

Mavrikii

Platinum Member

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

WONDROUS

Цитата:

но как правильнее в CSS назвать оба класса

как хочется, так и называются. можно назвать только родительский, если потомок один.

Всего записей: 15684 | Зарегистр. 20-09-2014 | Отправлено: 00:36 23-05-2019

WONDROUS

Silver Member

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

Mavrikii
Спасибо! Если я правильно понял, то можно и так?

Код:

.one {
position: relative;
}
.two {
position: absolute;
дальше данные расположения
}

Всего записей: 3440 | Зарегистр. 30-06-2002 | Отправлено: 00:55 23-05-2019

Mavrikii

Platinum Member

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

WONDROUS

Цитата:

Если я правильно понял, то можно и так?

почему нет то?
можно и просто
.one { }
.one>div { }
если div - прямой потомок .one

Всего записей: 15684 | Зарегистр. 20-09-2014 | Отправлено: 00:56 23-05-2019

WONDROUS

Silver Member

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

Mavrikii
Что-то я запутался немного, сделал так, но ничего не работает:

Код:

.imageplace {
    position: relative;
}

.image {
    position: absolute;
    top: 150px;
    left: 50px;
    z-index: 1;
}

Всего записей: 3440 | Зарегистр. 30-06-2002 | Отправлено: 14:23 23-05-2019

Mavrikii

Platinum Member

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

WONDROUS

Цитата:

сделал так, но ничего не работает:

и куда это применяется?

Всего записей: 15684 | Зарегистр. 20-09-2014 | Отправлено: 20:15 23-05-2019

WONDROUS Silver Member	Редактировать \| Профиль \| Сообщение \| Цитировать \| Сообщить модератору Mavrikii Пример.
	Всего записей: 3440 \| Зарегистр. 30-06-2002 \| Отправлено: 00:38 24-05-2019

Mavrikii

Platinum Member

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

WONDROUS

Цитата:

Пример.

и?
у всех классов position:relative, на что смотреть то??

Всего записей: 15684 | Зарегистр. 20-09-2014 | Отправлено: 00:48 24-05-2019 | Исправлено: Mavrikii, 00:48 24-05-2019

WONDROUS

Silver Member

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

Mavrikii

Код:

.imageplace {
position: relative;
}

.imageplaceco {
position: absolute;
top: 150px;
left: 50px;
z-index: 1;
}

Только второй почему-то не работает и его не видно.

Всего записей: 3440 | Зарегистр. 30-06-2002 | Отправлено: 00:59 24-05-2019

Mavrikii

Platinum Member

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

WONDROUS
у вас дислексия какая то или что? я не понимаю зачем вы говорите об одном, а показываете совершенно иное? где вы нашли у себя элементы с классом "imageplaceco" на странице?

Всего записей: 15684 | Зарегистр. 20-09-2014 | Отправлено: 01:02 24-05-2019

GEGEMON

BANNED

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

не совсем css но так уж повелось
сбивается разметка, а именно "отзывы" - криво показываются и не кликабельны
код
неправильно div'ы полагаю расставлены
вот скрин как криво
https://pn4tjapn4tja.stackstorage.com/s/lfhUFOmO7nQal8g

Всего записей: 2820 | Зарегистр. 07-02-2006 | Отправлено: 19:16 26-05-2019 | Исправлено: GEGEMON, 19:21 26-05-2019

Mavrikii

Platinum Member

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

GEGEMON
этот див, к примеру, не закрыт

Цитата:

<div class="j-tab__nav__a">
<a href="#tab_property">Характеристики</a>

как и выше него.
могу и ошибаться, конечно, потому что проще видеть в живую

можете скопировать код страницы и вставить сюда https://validator.w3.org/#validate_by_input
расскажет о проблемах (а они тут явно не относятся к CSS)

Всего записей: 15684 | Зарегистр. 20-09-2014 | Отправлено: 20:26 26-05-2019 | Исправлено: Mavrikii, 20:34 26-05-2019

GEGEMON

BANNED

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

Mavrikii - пост
Цитата:

этот див, к примеру, не закрыт

ежели закрыть его, так же как и выше который - вообще в столбик становится и разом всё видно и характеристики и отзывы и описание...
Mavrikii - пост
Цитата:

расскажет о проблемах (а они тут явно не относятся к CSS)

вообще мрак! просто сплошь ошибки!
Mavrikii - пост
Цитата:

потому что проще видеть в живую

посмотрите пжст #

Всего записей: 2820 | Зарегистр. 07-02-2006 | Отправлено: 20:54 26-05-2019 | Исправлено: GEGEMON, 21:07 26-05-2019

Mavrikii

Platinum Member

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

GEGEMON
таб "Характеристики" начинается с
Цитата:

class="j-tab__nav__a"

и не закрыт, внутри него начинается следующий - отсюда такой эффект. так нужно

Всего записей: 15684 | Зарегистр. 20-09-2014 | Отправлено: 21:01 26-05-2019

GEGEMON

BANNED

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

Mavrikii
я очень извиняюсь, но в отладчике то не видно php. Добавил псевдо элементы -они вместе с "характеристики" отображаются.
Будьте любезны, поясните более доступно для ламера.

Всего записей: 2820 | Зарегистр. 07-02-2006 | Отправлено: 21:16 26-05-2019

Mavrikii

Platinum Member

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

GEGEMON
при чем тут php? я показал пример того, какой должен быть конечный html код
ну ок

Код:

<div class="j-tab__nav">
<a class="j-tab__nav__a active" href="#tab1">Описание</a>
<?php if(!empty($data['stringsProperties'])): ?>
<div class="j-tab__nav__a">
<a href="#tab_property">Характеристики</a>
</div>
<?php endif; ?>
<div class="j-tab__nav__a" href="#tab3">Отзывы <span class="j-comments__count"></span></a></div>
</div>

Всего записей: 15684 | Зарегистр. 20-09-2014 | Отправлено: 21:30 26-05-2019 | Исправлено: Mavrikii, 21:31 26-05-2019

GEGEMON

BANNED

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

Mavrikii

Дай Бог Вам хорошей любовницы или доброй жены!
Все хорошо, вот только характеристики так и отображаются ежели после них наступить например на "отзывы" или "описание". Но , полагаю, это уже в самой могуте копать надо.

Всего записей: 2820 | Зарегистр. 07-02-2006 | Отправлено: 21:39 26-05-2019

WONDROUS

Silver Member

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

Ещё вопрос, уже по CSS, из этого сообщения: как-то можно сделать для самого счётчика, только для цифр, чтобы указать <mark> для него и в CSS задать фон и прочее?

Всего записей: 3440 | Зарегистр. 30-06-2002 | Отправлено: 19:17 27-05-2019 | Исправлено: WONDROUS, 22:48 27-05-2019

Mavrikii

Platinum Member

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

WONDROUS
там придется править js и вставлять цифры в обертку внутри h2, к которой и применять отдельный стиль
либо применять общий к h2, но переписывать его для :after и :before (может быть не всегда красиво)

Всего записей: 15684 | Зарегистр. 20-09-2014 | Отправлено: 03:58 28-05-2019

WONDROUS

Silver Member

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

Mavrikii
Понятно, спасибо! А то у меня получилось сделать фон только для цифр, применив display: inline-block, но и то, не тогда, когда подключаются before и after, а надписи сверху или снизу. Оставлю пока как есть.

Всего записей: 3440 | Зарегистр. 30-06-2002 | Отправлено: 13:09 28-05-2019 | Исправлено: WONDROUS, 13:09 28-05-2019

WONDROUS

Silver Member

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

Просьба подсказать, почему второй блок/ряд с шариками не по центру и отступ снизу, и почему не присвоился id? То есть, в CSS так и по идее, у обоих блоков/рядов должны быть эти настройки, но они почему-то только у первого:

Код:

#%id% ul.pics_img {
    list-style: none;
    margin: 0;
    padding: 0;
    font-size: 0;
    text-align: center;
}

Ссылка.

Всего записей: 3440 | Зарегистр. 30-06-2002 | Отправлено: 02:03 02-06-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 128 129

Компьютерный форум 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