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

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

Weinaum

Цитата:

разных машинах одинаковое дополнение

фраза
Цитата:

injected stylesheet

об этом и говорит, что что то встроило свой стиль в браузер.

Всего записей: 15684 | Зарегистр. 20-09-2014 | Отправлено: 23:14 10-06-2015

WONDROUS Silver Member	Редактировать \| Профиль \| Сообщение \| Цитировать \| Сообщить модератору Почему значение !important может не работать?
	Всего записей: 3440 \| Зарегистр. 30-06-2002 \| Отправлено: 03:19 14-06-2015

unreal666

Gold Member

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

WONDROUS
- если он указан в css, а в теге есть атрибут style, тоже имеющий !important.
- если он указан в css и в нем имеется правило, тоже имеющее !important, и при этом с повышенной специфичностью.

Всего записей: 6672 | Зарегистр. 14-02-2005 | Отправлено: 03:39 14-06-2015

WONDROUS Silver Member	Редактировать \| Профиль \| Сообщение \| Цитировать \| Сообщить модератору unreal666 Понятно, спасибо за ответ.
	Всего записей: 3440 \| Зарегистр. 30-06-2002 \| Отправлено: 19:28 14-06-2015

zoner

Full Member

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

Skybound Stylizer - единственный в своем роде WYSIWYG-редактор CSS стилей, работающий на системах Windоws.
Эта утилита значительно упрощает для веб-мастеров процесс написания и редактирования CSS кода.

Ссылка на покупку со скидкой всего за 47 USD вместо 79 USD: http://www.mightydeals.com/deal/stylizer.html
Поспешите, потому что скидка всего на один день!!!

Введите до Coupone Code код "WINNINGWP" и получите еще 10% скидку

Ну и зачем это тут? В теме о программе - еще может быть, но никак ни в теме о CSS вообще.

Всего записей: 455 | Зарегистр. 21-04-2004 | Отправлено: 22:28 21-06-2015

zoner Full Member	Редактировать \| Профиль \| Сообщение \| Цитировать \| Сообщить модератору Ну как зачем. Есть шанс купить хорошую программу на CSS со скидкой 50%.
	Всего записей: 455 \| Зарегистр. 21-04-2004 \| Отправлено: 09:24 22-06-2015

Sutar

BANNED

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

Здравствуйте, у меня почему-то не работает в этом коде after:

HTML:

Код:

<div class="linput clear_fix">
<div class="left">Тут имя поля</div>
<div class="right" id="input_1">
<input type="text" id="server" maxlength="50" value="">
<span class="istatus" style="background: url('/images/ired.png') no-repeat; display: block;"></span>
</div>
<div class="text">Тут короче текст</div>
</div>

CSS:

Код:

.linput {padding-bottom: 10px;}
.linput.clear_fix:after {clear: both; display: block; line-height: 0px; height: 0px; overflow: hidden;}
.linput div.left {float: left; height: 26px; line-height: 26px; width: 110px; color: #dfdfdf;}
.linput div.right {float: left; position: relative;}
.linput div.right input[type="text"] {width: 180px;}
.linput div.text {float: left; margin-left: 22px; line-height: 26px; font-size: 11px; color: #999;}

Что тут не так?

Всего записей: 1150 | Зарегистр. 15-08-2011 | Отправлено: 12:15 25-06-2015

Mavrikii Platinum Member	Редактировать \| Профиль \| Сообщение \| Цитировать \| Сообщить модератору Sutar Повторю ещё раз - что именно не работает? Не где, а какой эффект ожидается - может изначально все неправильно сделано
	Всего записей: 15684 \| Зарегистр. 20-09-2014 \| Отправлено: 13:05 25-06-2015

Sutar

BANNED

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

Mavrikii
после div с стилем float, нужно добавлять clear: both
т.е. внутри <div class="linput clear_fix"> все DIV с float
а стиль clear_fix должен добавить after, где присутствует clear: both;
чтоб последующие div блоки не залезли на верхние.
но :after не добавляется(
даже если просматривать HTML, то там после див должен быть after, но его нету(
Скрин взять с другого сайта.

Всего записей: 1150 | Зарегистр. 15-08-2011 | Отправлено: 23:55 25-06-2015

Mavrikii

Platinum Member

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

Sutar

Цитата:

то там после див должен быть after,

не должен. он идет до </div>, как и видно на картинке.

Всего записей: 15684 | Зарегистр. 20-09-2014 | Отправлено: 00:14 26-06-2015

Sutar BANNED	Редактировать \| Профиль \| Сообщение \| Цитировать \| Сообщить модератору Mavrikii да, правильно. Но в моем скрипте after вообще нету.
	Всего записей: 1150 \| Зарегистр. 15-08-2011 \| Отправлено: 11:43 26-06-2015

Mavrikii

Platinum Member

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

Sutar

Цитата:

Но в моем скрипте after вообще нету.

добавляем content: "" и будет - http://jsfiddle.net/q010sdbe/

ps: поэтому и говорю - описываем подробно проблему, а не просто "не работает"

Всего записей: 15684 | Зарегистр. 20-09-2014 | Отправлено: 07:54 27-06-2015

Sutar BANNED	Редактировать \| Профиль \| Сообщение \| Цитировать \| Сообщить модератору Mavrikii Спасибо
	Всего записей: 1150 \| Зарегистр. 15-08-2011 \| Отправлено: 18:49 27-06-2015

soska69

Newbie

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

Добрый вечер!
Уже два часа пытаюсь отредактировать таблицу так, чтобы она выглядела как на первом изображении.
Это ячейка большой таблицы, внутри которой таблица из 6 колонок.

Это мой результат

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

Всего записей: 3 | Зарегистр. 21-05-2015 | Отправлено: 20:59 29-06-2015 | Исправлено: soska69, 21:01 29-06-2015

Xrobak

Advanced Member

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

soska69, например, указав для первой и последней ячейки таблицы (пропишите в стилях класс своей таблицы) отсутствие границы:

Код:

.yourtable td:first-child {
border-left: 0;
}
.yourtable td:last-child {
border-right: 0;
}

Всего записей: 939 | Зарегистр. 16-08-2004 | Отправлено: 22:34 29-06-2015

soska69

Newbie

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

Xrobak,
возможно, я что-то делаю не так, но границы остаются неизменными

Код:

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<style type="text/css">
.h_embedded_table {
    background: red;
    width: 800px;
    border-spacing: 10px 5px;
}
.h_embedded_table td:first-child {
    border-left: 0;
}
.h_embedded_table td:last-child {
    border-right: 0;
}
tr {
    background-color: white;
}
</style>
</head>
<body>
<table class="h_embedded_table">
<tbody>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
</tbody>
</table>
</body>
</html>

И результат:

В чем может быть дело?

Всего записей: 3 | Зарегистр. 21-05-2015 | Отправлено: 01:55 30-06-2015

Xrobak

Advanced Member

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

Цитата:

В чем может быть дело?

в том, что ты делаешь через фон, а я тебе давал с рамкой, вот с рамкой рабочее:

Код:

.h_embedded_table {
width: 800px;
border-spacing: 0;
}
.h_embedded_table td {
border: solid 4px red;
}
.h_embedded_table td:first-child {
border-left: 0;
}
.h_embedded_table td:last-child {
border-right: 0;
}

Всего записей: 939 | Зарегистр. 16-08-2004 | Отправлено: 02:51 30-06-2015

soska69 Newbie	Редактировать \| Профиль \| Сообщение \| Цитировать \| Сообщить модератору Xrobak, спасибо!
	Всего записей: 3 \| Зарегистр. 21-05-2015 \| Отправлено: 23:57 30-06-2015

xerpal Advanced Member	Редактировать \| Профиль \| Сообщение \| Цитировать \| Сообщить модератору Требуется поменять логику действия( отображения скорее) чекбоксов - чтобы нажатие выглядело как отжатие и наоборот. Как бы это сделать?
	Всего записей: 1633 \| Зарегистр. 08-10-2011 \| Отправлено: 15:21 01-07-2015

Xrobak Advanced Member	Редактировать \| Профиль \| Сообщение \| Цитировать \| Сообщить модератору xerpal если отображения, то гуглите "кастомные чекбоксы", там есть что вам нужно.
	Всего записей: 939 \| Зарегистр. 16-08-2004 \| Отправлено: 16:02 01-07-2015

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