+ 1
Помогите с CSS
Я осваиваю веб-программирование, поэтому сильно не ругайтесь:) Проблема такая, хочу создать 4 контейнера и расположить их на странице (один вверху,два под ним и последний снизу). в hrml создал 4 контейнера. как мне в css правильно написать код (сослаться на каждый контейнер)? и второй вопрос, в html коде я правильно ссылаюсь на css файл (в компиляторе). название кода: "Второй код"
5 Answers
+ 4
Здравствуйте, Владимир!
К сожалению, Вы используете неправильное значение, и направление к контейнерам div.
Вот новое решение Вашей задачи
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="style.css">
<title>Page Title</title>
<style>
.top {
height:15%;width:100%;
}
.navigation {
height:70%;width:20%;float:left;
}
.content {
height:70%;width:20%;float:left;
}
.footer {
height:15%;width:100%;
}
</style>
</head>
<body>
<div class="top">TOP</div>
<div class="navigarion">NAVIGATION</div>
<div class="content">CONTENT</div>
<div class="footer">FOOTER</div>
</body>
</html>
Также пришлось почистить весь мусор, если Вы хотите использовать направления к любым тегам через id, используйте "#", или если Вы хотите использовать классы "."
пример #myId, .myclass
Я смог помочь вам?
+ 4
Владимир Мельников Как Вы знаете, в самом начале обучения css на SoloLearn рассказываться
о методах встроенного css и внешнего
например
<link rel="stylesheet" href="Вашфайл.css">
+ 2
Адександр, спасибо за совет! Получается встроенный тег <style> который пишеься в самом html коде? А как сделать его внешним? т.е. в html коде сослаться на файл с css. И в таком случае использовать "#", т.к. у меня через id, правильно?
+ 2
да, спасибо еще раз!
+ 2
Код получился,и работает!огромное спасибо:)