Загрузка...

How to level this background?

Thread in Frontend created by Сэл Mar 24, 2020. 188 views

  1. Сэл
    Сэл Topic starter Mar 24, 2020 LLLLLLLLLLLLLL 254 Nov 23, 2019
    <!DOCTYPE html>
    <html lang="en">
    <head>
    <meta charset="UTF-8">
    <title>Document</title>
    <link rel="stylesheet" href="/css/style.css">
    <link href="https://fonts.googleapis.com/css?family=Open+Sans:700|Raleway:400,500,700&display=swap" rel="stylesheet">

    </head>
    <body>

    <header class="header">

    <div class="container">
    <div class="header_inner">


    <div class="header_logo">
    <img src="/img/activebox-logo.png" alt="">

    </div>

    <nav class="nav">
    <a class="head" href="#">Features</a>
    <a class="head" href="#">Work</a>
    <a class="head" href="#">Our team</a>
    <a class="head" href="#">Nestimonuals</a>
    <a class="head" href="#">Download</a>
    </nav>
    </div>
    </div>





    </header>
    </body>
    </html>
    [IMG]
    body{
    margin: 0;
    padding: 0;
    text-decoration: none;


    font-family: 'Open Sans', sans-serif;

    font-family: 'Raleway', sans-serif;
    margin: 0;
    padding: 0;
    background: url("/img/intro-bg.jpg") center no-repeat ;
    color: aliceblue;
    }
    *,
    *:before,
    *:after{
    box-sizing: border-box;
    }
    .container{width: 100%; max-width: 1170px; height: 100vh;margin:0 auto; ;
    }

    header{
    position: relative;


    }

    .header_inner{
    display: flex;
    justify-content: space-between;
    padding: 30px;
    border-bottom:1px solid black;

    }
    .nav{
    text-transform: uppercase;
    font-size: 14px;

    margin: auto;

    }

    .head{
    padding: 15px;
    text-decoration: none;
    color: #a2a3b0;
    }
    .head:hover{
    text-decoration: underline;
    }
    .head:first-child{
    margin-left: 0;

    }
    .head:hover{
    opacity: 1;
    }
    .intro{
    height: 750px;
    position: absolute;

    }
     
  2. Zorden
    Zorden Mar 24, 2020 Banned 41 Dec 5, 2017
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 100% 100%;
    И не вешать картинку на Body, создай section какой нибудь и уже туда вешай.
     
    1. View previous comments (2)
    2. Zorden
      Сэл, Все данным способом выравнивают и у них все работает. Значит во первых ты не правильно оформил HTML Document, Во вторых не правильно оформил css
    3. Zorden
      Сэл, Может ты имел ввиду сделать картинку поверх белого блока с меню ?
    4. Сэл Topic starter
    5. View the next comments (4)
  3. новокек_неактив2495764
    легче в фотошопе
     
  4. Сэл
    Сэл Topic starter Mar 24, 2020 LLLLLLLLLLLLLL 254 Nov 23, 2019
    както-то так
     
Loading...
Top