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

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

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

Ответ
 
Опции темы
Старый 29.11.2018, 21:28   #1
Саша223
Пользователь
 
Регистрация: 28.11.2018
Сообщений: 16
Репутация: 10
По умолчанию Не двигается текст в меню

Я сделал меню, и мне надо было подвинуть текст в нем вниз. Не получилось, стоит на месте. Использовал margin-bottom.
Код HTML:
<!DOCTYPE html>
<head>
<link rel="stylesheet" type="text/css" href="style.css">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">
<link href="https://fonts.googleapis.com/css?family=Oswald" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Roboto+Mono" rel="stylesheet">
</head>
<body bgcolor="gray">
<header>
<a href="#" class="vniz">БЛОГ</a>
<a href="#" class="vniz">РАБОТА</a>
<a href="#" class="vniz">НОВОСТИ</a>
</header>
<p>Туман окутал корабль через три часа после выхода из порта.</p>
</body>
</html>
css:
Код:

* { box-sizing: border-box; }
body {
  margin: 0;
}
header {
  background: white;
  text-align: center;
  height:125px;
  width:100%;
}
header a {
  text-decoration: none;
  outline: none;
  display:inline;
  font-family: 'Oswald', sans-serif;
 color:black;
 font-size:20px;
transition:0.10s;
margin-bottom:10px;
}
a:hover {
	color:gray;
}
@font-face {
	font-family: 'Oswald', sans-serif;
	src:(Documents\Fitnes24\fonts\roboto\Oswald\Oswald-bold.ttf);
}
@font-face {
	font-family: 'Roboto_mono', sans-serif;
	src:(Documents\Fitnes24\fonts\roboto\Roboto_mono\RobotoMono-Bold.ttf);
}
p {
	font-family:'Roboto_mono', sans-serif;
}

Саша223 вне форума   Ответить с цитированием
Ответ

Опции темы

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

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

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

Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Не двигается текст в меню Саша223 Общие вопросы Web 1 29.11.2018 22:30
кнопка не двигается(( phasha Помощь студентам 3 30.10.2011 18:10
Меню codrops (стильное меню), Как сделать чтобы текст не смещался в блоке? AlienNation HTML и CSS 2 28.09.2011 13:17
Автоматически вылезает и не двигается форма SlashMan Общие вопросы Delphi 9 14.01.2010 19:11
ШАрик двигается по петли jomix Помощь студентам 3 01.06.2007 12:46


17:43.


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

RusProfile.ru


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