С Новым годом! Форум программистов, компьютерный форум, киберфорум
HTML, CSS
Войти
Регистрация
Восстановить пароль
Карта форума Темы раздела Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 4.64/11: Рейтинг темы: голосов - 11, средняя оценка - 4.64
0 / 0 / 0
Регистрация: 19.02.2018
Сообщений: 54
1

Как поставить логотип на одной строчке с меню

23.06.2018, 17:56. Показов 2192. Ответов 2
Метки нет (Все метки)

Author24 — интернет-сервис помощи студентам
Помогите пожалуйста, я новичёк, как поставить логотип на одной строчке с меню. В моём случае надпись или же параграф.
Вод код:
CSS:
CSS
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
*{
  padding: 0;
  margin: 0;
}
 
 
a{
  text-decoration: none;
}
 
header{
  width: 100%;
  min-height: 6%;
  background: rgb(0, 0, 0);
  position: fixed;
 
}
 
nav{
  max-width: 960px;
  height: 40px;
  margin-left: 30%;
  margin-top: 14px;
 
}
 
.logo{
  width: 100%;
  color: white;
 
}
 
.Menu{
  width: 100%;
  vertical-align: middle;
}
 
.Menu a{
  padding: 12px;
  color: rgb(255, 255, 255);
  font-size: 21px;
  font-family: 'Russo One', sans-serif;
}
 
.Menu a:hover{
  color:rgb(36, 255, 0);
  border-bottom: 2px groove rgb(255, 255, 255);
}
 
 
.icon{
  display: none;
}
 
.SilenceLog{
  color: black;
  margin-top: 0px;
}
и HTML:
HTML5
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
<html>
<head>
  <meta charset="utf-8" />
  <link  rel="stylesheet" type="text/css" href="css/style.css"/>
  <link href="https://fonts.googleapis.com/css?family=Russo+One" rel="stylesheet">
  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  <title>SilenceCraft</title>
</head>
<body>
  <header>
    <div class="logo">
      <a>Silapse</a>
    </div>
    <nav>
      <div class="Menu">
        <a href="">О нас</a>
        <a href="">Как играть</a>
        <a href="">Форум</a>
        <a href="">Донат</a>
        <a href="">Тех.Помощь</a>
        <a href="">Правила</a>
        <a href="#" id="menu" class="icon"></a>
      </div>
    </nav>
  </header>
</body>
</html>
0
cpp_developer
Эксперт
20123 / 5690 / 1417
Регистрация: 09.04.2010
Сообщений: 22,546
Блог
23.06.2018, 17:56
Ответы с готовыми решениями:

Логотип и меню в одной строке
Вообщем такая проблема, хочу поставить меню и лого в одну строчку. Мне казалось, что уже по...

Логотип и меню в одной строке
Не как не могу поставить логотип и меню на 1 строке получается так что логотип выдавливается влево...

Как поставить логотип в шапку
Помоги те поставить логотип в шапку. Место выделено на скрине http://bontyre-stalker.ru/

Как наложить логотип на меню?
Пытаюсь сделать подобное: ...

2
Модератор
Эксперт HTML/CSS
2354 / 1721 / 669
Регистрация: 07.08.2016
Сообщений: 4,052
23.06.2018, 18:06 2
Для начала убрать ширину 100% у лого, затем прописать для лого и nav display:inline-block;
0
0 / 0 / 0
Регистрация: 19.02.2018
Сообщений: 54
23.06.2018, 18:22  [ТС] 3
Спасибо большое, я рад что есть люди которые помогают.
0
23.06.2018, 18:22
raxper
Эксперт
30234 / 6612 / 1498
Регистрация: 28.12.2010
Сообщений: 21,154
Блог
23.06.2018, 18:22
Помогаю со студенческими работами здесь

Как сдвинуть меню ниже, чтобы было больше места под логотип?
Уважаемые форумчане выручайте))не получается подвинуть меню вниз,хочется добавить логотип,и нужно...

Как поставить логотип на меню
Есть несколько вопросов 1. Задача - поставить сверху меню логотип фирмы. В хедер темы ставлю...

ContextMenu - два элемента на одной строчке в меню
Всем добрый день. Подскажите, как можно в XAML реализовать на одном из элементов ContextMenu 2...

как поставить логотип и слоган на шапку шаблона??
Здравствуйте, вопрос у меня может быть и простой но вот пока ответа не могу найти. Задача такова...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
3
Ответ Создать тему
Новые блоги и статьи
Что такое CQRS и как это реализовать на C# с MediatR
InfoMaster 15.01.2025
Концепция CQRS и её роль в современной разработке В современном мире разработки программного обеспечения архитектурные паттерны играют ключевую роль в создании масштабируемых и поддерживаемых. . .
Как настроить CI/CD с Azure DevOps
InfoMaster 15.01.2025
CI/ CD, или непрерывная интеграция и непрерывное развертывание, представляет собой современный подход к разработке программного обеспечения, который позволяет автоматизировать и оптимизировать процесс. . .
Как настроить CI/CD с помощью Jenkins
InfoMaster 15.01.2025
Введение в CI/ CD и Jenkins В современной разработке программного обеспечения непрерывная интеграция (CI) и непрерывная доставка (CD) стали неотъемлемыми элементами процесса создания качественных. . .
Как написать микросервис на Go/Golang с Kafka и GitHub CI/CD
InfoMaster 14.01.2025
Определение микросервиса, преимущества использования Go/ Golang Микросервис – это архитектурный подход к разработке программного обеспечения, при котором приложение состоит из небольших, независимо. . .
Как написать микросервис с нуля на C# с RabbitMQ, CQRS и CI/CD
InfoMaster 14.01.2025
В современном мире разработки программного обеспечения микросервисная архитектура стала стандартом де-факто для создания масштабируемых и гибких приложений. Этот архитектурный подход предполагает. . .
Как создать интернет-магазин на PHP и JavaScript
InfoMaster 14.01.2025
В современном мире электронная коммерция стала неотъемлемой частью бизнеса. Создание собственного интернет-магазина открывает широкие возможности для предпринимателей, позволяя достичь большей. . .
Как написать Тетрис на Ассемблере
InfoMaster 14.01.2025
Тетрис – одна из самых узнаваемых и популярных компьютерных игр, созданная в 1984 году советским программистом Алексеем Пажитновым. За прошедшие десятилетия она завоевала симпатии миллионы людей по. . .
Как создать игру "Танчики" на Unity3d и C#
InfoMaster 14.01.2025
Разработка игр – это увлекательный процесс, сочетающий в себе творчество и технические навыки. В этой статье мы рассмотрим создание классической игры "Танчики" с использованием Unity3D и языка. . .
Организую платный онлайн микро-курс по доработке Android-клиента Telegram
_Ivana 14.01.2025
Официальная версия и распространенные форки не полностью устраивают? Сделай свою кастомную версию клиента! 4 занятия по 2 часа (2 недели пн, ср 19:00-21:00 по Москве). Первое вводное занятие. . .
Как создать приложение для фитнеса для iOS/iPhone на Kotlin
InfoMaster 14.01.2025
Создание собственного фитнес-приложения — это не только захватывающий, но и полезный процесс, ведь оно может стать вашим верным помощником на пути к здоровому и активному образу жизни. В современных. . .
Как создать приложение магазина для iOS/iPhone на Swift
InfoMaster 14.01.2025
Введение в разработку iOS-приложений Разработка приложений для iPhone и других устройств на базе iOS открывает огромные возможности для создания инновационных мобильных решений. В данной статье мы. . .
Это работает. Скорость асинхронной логики велика. Вопрос видимо останется в стабильности. Плата - огонь!
Hrethgir 13.01.2025
По прошлому проекту в Logisim Evolution https:/ / www. cyberforum. ru/ blogs/ 223907/ blog8781. html прилагаю файл архива проекта в Gowin Eda. Восьмибитный счётчик из сумматора+ генератор сигнала. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2025, CyberForum.ru