body { background-image: url("/Users/kamil/Desktop/ Mebel/изображения /body.jpg"); height: 100%; position: relative; } .top-menu { background: #630000; box-shadow: 3px 0 7px rgba(0, 0, 0, .3); padding: 15px; } .top-menu:after { content: ""; display: table; clear: both; } .navbar-logo { display: inline-block; } .menu-main { list-style: none; margin: 0; padding: 0; float: right; } .menu-main li { display: inline-block; } .menu-main a { text-decoration: none; display: block; position: relative; line-height: 61px; padding-left: 50px; font-size: 18px; letter-spacing: 2px; font-family: 'Arimo', sans-serif; font-weight: bold; color: #EAE2C9; transition: .3s linear; } .menu-main a:before { content: ""; width: 9px; height: 9px; background: #EAE2C9; position: absolute; left: 50%; transform: rotate(45deg) translateX(6.5px); opacity: 0; transition: .3s linear; } .menu-main a:hover:before { opacity: 1; } @media (max-width: 660px) { .menu-main { float: none; padding-top: 20px; } .top-menu { text-align: center; padding: 20px 0 0 0; } .menu-main a { padding: 0 10px; } .menu-main a:before { transform: rotate(45deg) translateX(-6px); } } @media (max-width: 600px) { .menu-main li { display: block; } } .container { background-color: #EAE2C9; border-width: 3px; border-color: #000000; width: 80%; text-align: center; margin: auto; display: flex; max-width: 1480px; min-height: 100px; overflow: auto; height: 100%; } .container { height: 100%; } h1 { text-align: center; display: inline-block; margin: 0, auto; } .logoo { color: #630000; font-family: 'Pattaya', sans-serif; } /*.information{ text-align:center; font-size: 2vw; } 
 <link href="https://fonts.googleapis.com/css?family=Contrail+One" rel="stylesheet"> <link href="https://fonts.googleapis.com/css?family=Pattaya" rel="stylesheet"> <!-- меню в разделе ;контакты;--> <nav class="top-menu"> <a class="navbar-logo" href="/Users/kamil/Desktop/ Mebel/index.html"><img src="/Users/kamil/Desktop/ Mebel/изображения /logo.jpg" height="80" width="200"></a> <ul class="menu-main"> <li><a href="">Товары</a></li> <li><a href="">Услуги</a></li> <li><a href="">О нас</a></li> <li><a href="" id="cont">Контакты</a></li> <li class="text-center"><a href="8-987-724-1869">tel:8-987-724-186</a></li> <li class="text-right"><a href="8-902-100-4887">tel:8-902-100-488</a></li> </ul> </nav> <div class="container"> <div style="text-align:center;"> <h1>«Студия мебели <span class="logoo">Идеал</span>»</h1> </div>

  • You need to embed images on a web page not from the root of the disk but from the location of index.html for example from the img / images folder and also apply to all files relating to your future site style.css and js files and so on for body to write relative not necessarily as it is still relative unless you specify otherwise in css - MaximLensky
  • For two days 2 absolutely identical questions. Why ask a question a second time, if it was answered the first time, and you also accepted the answer as correct ... ??? If something is not clear you can and need to ask again. Normally I would describe in the question what exactly the final result should not be ... - Air
  • @Air don't be angry, I’m not out of malice, I just didn’t figure it out and I urgently needed an answer, I'm here for 3 days in total) - Kamil Sadekov February
  • @KamilSadekov, welcome ...)) - Air

2 answers 2

 body { background-image: url("/Users/kamil/Desktop/ Mebel/изображения /body.jpg"); height: 100%; position:relative; } .top-menu { background:#630000; box-shadow: 3px 0 7px rgba(0,0,0,.3); padding: 15px; } .top-menu:after { content: ""; display: table; clear: both; } .navbar-logo {display: inline-block;} .menu-main { list-style: none; margin: 0; padding: 0; float: right; } .menu-main li {display: inline-block;} .menu-main a { text-decoration: none; display: block; position: relative; line-height: 61px; padding-left: 50px; font-size: 18px; letter-spacing: 2px; font-family: 'Arimo', sans-serif; font-weight: bold; color: #EAE2C9; transition:.3s linear; } .menu-main a:before { content: ""; width: 9px; height: 9px; background: #EAE2C9; position: absolute; left: 50%; transform: rotate(45deg) translateX(6.5px); opacity: 0; transition: .3s linear; } .menu-main a:hover:before {opacity: 1;} @media (max-width: 660px) { .menu-main { float: none; padding-top: 20px; } .top-menu { text-align: center; padding: 20px 0 0 0; } .menu-main a {padding: 0 10px;} .menu-main a:before {transform: rotate(45deg) translateX(-6px);} } @media (max-width: 600px) { .menu-main li {display: block;} } .container{ background-color:#EAE2C9; border-width:3px; border-color:#000000; width: 80%; text-align: center; margin: auto; display: flex; max-width: 1480px; min-height:100px; overflow: auto; height:100%; } .container{ height:100%; } h1{ text-align:center; display:inline-block; margin:0,auto; } .logoo{ color:#630000; font-family: 'Pattaya', sans-serif; } /*.information{ text-align:center; font-size: 2vw; } 
 <!DOCTYPE> <html lang="ru"> <head> <title>Контакты</title> <meta http-equiv="X-UA-Compatible" content="IE-edge"> <meta charset="utf-8"/> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link href="https://fonts.googleapis.com/css?family=Contrail+One" rel="stylesheet"> <link href="/Users/kamil/Desktop/ Mebel/css/contact.css" rel="stylesheet" type="text/css"> <link rel="stylesheet" href="/Users/kamil/Desktop/ Mebel/css/bootstrap.css"/> <link href="https://fonts.googleapis.com/css?family=Pattaya" rel="stylesheet"> </head> <body> <!-- меню в разделе ;контакты;--> <nav class="top-menu"> <a class="navbar-logo" href="/Users/kamil/Desktop/ Mebel/index.html"><img src="/Users/kamil/Desktop/ Mebel/изображения /logo.jpg" height="80" width="200"></a> <ul class="menu-main"> <li><a href="">Товары</a></li> <li><a href="">Услуги</a></li> <li><a href="">О нас</a></li> <li><a href="" id="cont">Контакты</a></li> <li class="text-center"><a href="8-987-724-1869">tel:8-987-724-186</a></li> <li class="text-right"><a href="8-902-100-4887">tel:8-902-100-488</a></li> </ul> </nav> <div class="container"> <div style="width:100%;text-align:center;"><h1>«Студия мебели <span class="logoo">Идеал</span>»</h1></div>

    And what is the title and where do you want to insert / center? Give only part / sample code, not the whole piece of paste. It is not clear where and what you want. Can help ordinary

    margin:0 auto with a fixed width.

    You can also center using positioning.

    Here's all the info will be off in the center

    enter image description here