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

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

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

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

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

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

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



Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Почему значение !important может не работать?

Всего записей: 3346 | Зарегистр. 30-06-2002 | Отправлено: 03:19 14-06-2015
unreal666



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

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



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

Всего записей: 3346 | Зарегистр. 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 вообще.

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

Full Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Ну как зачем. Есть шанс купить хорошую программу на CSS со скидкой 50%.

Всего записей: 415 | Зарегистр. 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
Повторю ещё раз - что именно не работает? Не где, а какой эффект ожидается - может изначально все неправильно сделано

Всего записей: 15023 | Зарегистр. 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>, как и видно на картинке.

Всего записей: 15023 | Зарегистр. 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: поэтому и говорю - описываем подробно проблему, а не просто "не работает"

Всего записей: 15023 | Зарегистр. 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>&nbsp;</td>
              <td>&nbsp;</td>
              <td>&nbsp;</td>
              <td>&nbsp;</td>
              <td>&nbsp;</td>
              <td>&nbsp;</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
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Требуется поменять логику действия( отображения скорее) чекбоксов - чтобы нажатие выглядело как отжатие и наоборот. Как бы это сделать?  

Всего записей: 1584 | Зарегистр. 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

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