Форум программистов, компьютерный форум, киберфорум
Наши страницы
HTML, CSS
Войти
Регистрация
Восстановить пароль
 
hey-ivanova
0 / 0 / 0
Регистрация: 12.02.2018
Сообщений: 8
#1

Разместить логотип по центру - HTML, CSS

12.02.2018, 00:41. Просмотров 181. Ответов 7
Метки нет (Все метки)

Всем привет!
Я только учусь создавать сайт по книге Русакова. Возникла такая проблема: логотип не размещается по центру, хотя прописала все так, как указано в книге. Помогите решить проблему. Вот код:
HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
<!DOCTYPE html>
<html>
<head>
<title>AutoPlus</title>
<meta http-equiv="Content-Type" content="text/html; charset-utf-8" />
<meta name="description" content="" />
<meta name="keywords" content="" />
<link href="favicon.ico" rel="shortuct icon" type="image/x-icon" />
<link type="text/css" rel="stylesheet" href="styles/main.css" />
</head>
<body>
<div id="container>
<div id="logo">
<img src="http://www.cyberforum.ru/images/logo.png" alt="Лого" />
</div>
</div>
</body>
</html>
и CSS
CSS
1
2
3
4
5
6
7
8
9
10
body {
    background: url("../images/bg.png") no-repeat;
    background-size: cover;
    margin: 0;
    padding: 0;
}
#container {
    margin: 0 auto;
    width: 1004px;
}
В чем может быть проблема?
0
Лучшие ответы (1)
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
Similar
Эксперт
41792 / 34177 / 6122
Регистрация: 12.04.2006
Сообщений: 57,940
12.02.2018, 00:41
Я подобрал для вас темы с готовыми решениями и ответами на вопрос Разместить логотип по центру (HTML, CSS):

Выровнять логотип по центру
Доброе время суток! Проблема у меня не сложная, но решить ее не могу т.к. в css...

Как изменить логотип по центру
Здравствуйте подскажите пожалуйста как изменить логотип что-бы он был по...

Выровнять логотип по центру в резиновой верстке
Привет всем,есть вот такой вот код,и он при разных разрешениях адаптируется под...

Разместить логотип и картинку в header вместе
Добрый день)Возникла проблемка с логотипом,когда вставляю лого,пропадает...

Разместить текст по центру
Как сделать, чтобы текст был ровно по центру и по горизонтали, и по вертикали?...

Разместить ссылки по центру
Вот я столкнулся с такой проблемой. Обратите внимание на объект...

7
ANemoy
15 / 56 / 14
Регистрация: 24.02.2017
Сообщений: 108
12.02.2018, 14:48 #2
Точнее задача. Вы не задали никаких стилей для лого. Вот один из вариантов.

CSS
1
2
3
4
5
#logo {
    display:block;
    max-width: 250px;
    margin: 0 auto;
}
0
hey-ivanova
0 / 0 / 0
Регистрация: 12.02.2018
Сообщений: 8
12.02.2018, 15:17  [ТС] #3
Цитата Сообщение от ANemoy Посмотреть сообщение
Точнее задача. Вы не задали никаких стилей для лого. Вот один из вариантов.
к сожалению, не помогло, лого все также уперто стоит по левому краю.
CSS
1
2
3
4
#container {
    margin: 0 auto;
    width: 1004px;
}
исходя из учебника, этот код относится к логотипу, именно он должен был разместить его по центру. Вот выдержка из книги:
Теперь можно приступать к контейнеру.
Продолжаем работать в Notepad++. Записываем выражение такого
вида:
***далее идет код, указанный выше***
Это выражение можно расшифровать так:
 Первая строка: значок # - селекторid, container – его название
 Вторая строка: свойство margin, через которое вы выставите
логотип по центру; 0 – означает, что отступы сверху и снизу нулевые;
«авто» - слева и справа автоматическое выравнивание
 Третья строка: размер контейнера – 717 рх
Источник: "Создание сайта от начала до конца" М. Русаков
Я так понимаю, что с этим учебником у меня будет много подобных проблем...
0
ANemoy
15 / 56 / 14
Регистрация: 24.02.2017
Сообщений: 108
12.02.2018, 15:27 #4
Значит так. Это лишь один из вариантов.
CSS
1
2
3
4
5
6
#logo {
    display:block;
    max-width: 250px;
    margin: 0 auto;
    width: 99%;
}
0
Denno
12.02.2018, 15:29
  #5

Не по теме:

Цитата Сообщение от hey-ivanova Посмотреть сообщение
с этим учебником у меня будет много подобных проблем
Поговаривают, что он уже устарел, как помет мамонта.

0
hey-ivanova
0 / 0 / 0
Регистрация: 12.02.2018
Сообщений: 8
12.02.2018, 15:38  [ТС] #6
Цитата Сообщение от ANemoy Посмотреть сообщение
Значит так. Это лишь один из вариантов.
тоже нет((

Цитата Сообщение от Denno Посмотреть сообщение
Поговаривают, что он уже устарел, как помет мамонта.
Если посоветуете бесплатный, для начала, учебник новый по созданию сайтов, вроде этого, где простым языком расписано все, то буду очень благодарна!
0
ANemoy
15 / 56 / 14
Регистрация: 24.02.2017
Сообщений: 108
12.02.2018, 15:50 #7
Лучший ответ Сообщение было отмечено hey-ivanova как решение

Решение

hey-ivanova, Все работает. У вас тут ошибка <div id="container>. Не хватает кавычки.

CSS
1
<div id="container">
1
hey-ivanova
0 / 0 / 0
Регистрация: 12.02.2018
Сообщений: 8
12.02.2018, 15:53  [ТС] #8
ANemoy, тьфу ты, блин! Вот, что значит невнимательность! Спасибо Вам огромное!!! Впредь буду осторожней!
0
12.02.2018, 15:53
MoreAnswers
Эксперт
37091 / 29110 / 5898
Регистрация: 17.06.2006
Сообщений: 43,301
12.02.2018, 15:53
Привет! Вот еще темы с решениями:

Разместить форму по центру
Всем добрый день. Пытаюсь вникнуть в Bootstrap. Сейчас решил разработать...

Разместить блок по центру
не получается установить блок по центру, помогите, пожалуйста &lt;div...

Как разместить заголовок h3 по центру
есть заголовок h3 находится в диве не могу разместить его по центру. при помощи...

Разместить блок div по центру
Доброго всем времени суток. Ковыряю стандартный код joomla virtuemart. Никак не...


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

Или воспользуйтесь поиском по форуму:
8
Ответ Создать тему
Опции темы

КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin® Version 3.8.9
Copyright ©2000 - 2018, vBulletin Solutions, Inc.
Рейтинг@Mail.ru