Форум программистов
 
Контакты: о проблемах с регистрацией, почтой и по другим вопросам пишите сюда - alarforum@yandex.ru, проверяйте папку спам! Обязательно пройдите активизацию e-mail.

Вернуться   Форум программистов > Web > HTML и CSS
Регистрация

Восстановить пароль
Повторная активизация e-mail

Ответ
 
Опции темы
Старый 23.12.2017, 02:21   #1
King_McDonald
Новичок
 
Регистрация: 23.12.2017
Сообщений: 2
Репутация: 10
По умолчанию Почему не применяется свойство CSS в HTML?

Мне нужно применить свойство CSS в HTML к этим колонкам
Код:

.section-title{
  color: blue;
}
.left-col{
    float:left;
    width:30%;
}
.right-col{
    float:right;
    width:60%;
}    

 footer{
  clear:
}

Для того,чтобы применить свойство я создал css файл и ввёл эти колонки ,потом объявил через link этот css файл ,но всё равно не применяется свойство CSS.Помогите,что я не так делаю?
PS.Я новичок и только учусь)

______________________
Используйте тег [CODE] (кнопка с решеткой # в форме сообщения) при вставке кода на форум.

Последний раз редактировалось Alex11223; 23.12.2017 в 02:47.
King_McDonald вне форума   Ответить с цитированием
Старый 23.12.2017, 07:04   #2
olegK<<
Форумчанин
 
Аватар для olegK<<
 
Регистрация: 05.11.2017
Адрес: Кропивницкий
Сообщений: 60
Репутация: 10

icq: 491861664
skype: wheeldraff
По умолчанию

Цитата:
Сообщение от King_McDonald Посмотреть сообщение
footer{ clear: }
Все правила ниже не будут работать из-за этой ошибки.
Проверьте синтаксис прописав правила прямо в структуру html .
olegK<< вне форума   Ответить с цитированием
Старый 23.12.2017, 12:36   #3
King_McDonald
Новичок
 
Регистрация: 23.12.2017
Сообщений: 2
Репутация: 10
По умолчанию

Цитата:
Сообщение от olegK<< Посмотреть сообщение
Все правила ниже не будут работать из-за этой ошибки.
Проверьте синтаксис прописав правила прямо в структуру html .
Я изменил и ничего не изменилось,из за чего это может быть?И у меня нет ниже никаких правил.У меня в самом низу только этот код.И правило это то , которое ты мне написал и его нужно поместить в любое место в HTML?

Последний раз редактировалось King_McDonald; 23.12.2017 в 12:53.
King_McDonald вне форума   Ответить с цитированием
Старый 23.12.2017, 14:02   #4
olegK<<
Форумчанин
 
Аватар для olegK<<
 
Регистрация: 05.11.2017
Адрес: Кропивницкий
Сообщений: 60
Репутация: 10

icq: 491861664
skype: wheeldraff
По умолчанию

Цитата:
Сообщение от King_McDonald Посмотреть сообщение
И правило это то , которое ты мне написал и его нужно поместить в любое место в HTML?
Удалить нужно или исправить ошибку.А если в шапку html добавить ?
Код:

<head><style>.section-title{
  color: blue;
}
.left-col{
    float:left;
    width:30%;
}
.right-col{
    float:right;
    width:60%;
}    
</style></head>

olegK<< вне форума   Ответить с цитированием
Старый 24.12.2017, 10:50   #5
Naive
Раздолбайских Дел
Профессионал
 
Аватар для Naive
 
Регистрация: 22.05.2009
Адрес: Екатеринбург
Сообщений: 3,646
Репутация: 1993
По умолчанию

Ну ребят, конец 2017 года. Пацаны из гугла и из мозиллы достигли такого уровня по выпуску своих инструментов для разработчиков, что 10 лет назад я бы плакал как маленькая девочка!
Открой девтулз! Он тебе сразу напишет что не так!
А если не напишет, открой вкладку network. Если там не будет 404, тыкай на элемент, на который по твоему мнению должны были примениться свойства. Все, проблема решена.
__________________
Работаю. В этот раз за деньги.
Жду ваши искренние спасибы на яндекс-кошелек: 410011068154587
Naive вне форума   Ответить с цитированием
Старый 04.01.2018, 10:06   #6
nyqpblcTuk
Пользователь
 
Регистрация: 05.06.2016
Сообщений: 30
Репутация: 10
По умолчанию

так у него после колонок эта отчистка стоит.
Здесь возможно что путь до линка стоит корявый. попробуй впихнуть в сам html между тегами <style></style> свой css.
Опять же классы и айди нужно различать. все ли правильно написано у тебя. лучше конечно сразу написать тело html и тело css. чтобы все было нагляднее.
nyqpblcTuk вне форума   Ответить с цитированием
Старый 08.01.2018, 14:54   #7
mc13
Форумчанин
 
Аватар для mc13
 
Регистрация: 03.01.2015
Сообщений: 109
Репутация: 63
По умолчанию

файл HTML

<!DOCTYPE HTML>
<html>
<head>
<title>Форма test</title>
<meta http-equiv="Content-Language" content="ru-RU" />
<meta http-equiv="content-type" content="text/html; charset=win-1251">
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<div class="section-title">section-title</div>
<div class="left-col">left-col</div>
<div class="right-col">right-col</div>
<div class="footer">footer</div>

</body>
</html>


файл CSS

.section-title{
color: blue;
}
.left-col{
float:left;
width:30%;
}
.right-col{
float:right;
width:60%;
}

.footer{
clear:
}
mc13 вне форума   Ответить с цитированием
Ответ

Опции темы

Ваши права в разделе
Вы не можете создавать новые темы
Вы не можете отвечать в темах
Вы не можете прикреплять вложения
Вы не можете редактировать свои сообщения

BB коды Вкл.
Смайлы Вкл.
[IMG] код Вкл.
HTML код Выкл.

Быстрый переход

Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
[CSS]: Пытаюсь сделать Карусель без JS, но не срабатывает нужное css-свойство. Помогите разобраться. MeriPoppins HTML и CSS 2 10.02.2017 23:50
Как узнать прописано ли css свойство byte916 JavaScript, Ajax 1 23.12.2014 16:27
HTML, CSS - Управление CSS анимацией HTML+CSS+JS dobryc HTML и CSS 1 18.11.2014 06:58
css, позиционирование в html (Используя свойство z-index, постройте на экране несколько перекрывающих друг друга областей) Anton94.by HTML и CSS 1 26.10.2014 22:25
css свойство ts-alan HTML и CSS 2 01.07.2013 13:58


04:38.


Powered by vBulletin® Version 3.8.8 Beta 2
Copyright ©2000 - 2018, Jelsoft Enterprises Ltd.

RusProfile.ru


Справочник российских юридических лиц и организаций.
Проекты отопления, пеллетные котлы, бойлеры, радиаторы
интернет магазин respective.ru