Проблема с вёрсткой

ASD · April 26, 2022

Всем привет скажу сразу я новичок пытаюсь сверстать страницу тут два вопроса первый как убрать границы у страницы, прописал паддинги и марджины не помогло или я что то не так сделал, второй вопрос почему не добавлятся картинка на фоновое изображение

Сразу скажу картинка норм с путём всё норм пробовал полный путь в кавычках другие картинки добавял ни одна не работает, просьба помочь

Огромное спасибо

p.s картнка 17 это скрин с видео по которому я делаю вот так должно выглядеть на 18 это то как щас у меня выглядит

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" href="prj.css">
    <title>Forum</title>
</head>
<body>
    <div class="main"> <!--Главный элемент для всей страницы*/-->
        <div class="preview">
            <div class="previewImage previewLayer"></div>
            <div class="header">
                <div class="logoWraper">
                    <img src="images\Logo.png">  
                </div>
                    <div class="nav">
                        <div class="navItem"><a>Equipment</a></div>
                        <div class="navItem"><a>About as</a></div>
                        <div class="navItem"><a>Blog</a></div>
                    </div>
                    <div class="accountWrapper">
                        <img src="images\cart.png">
                        <div>Account</div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</body>
</html>

.body{
    margin: 0;
    padding: 0;
}

.main{ /* Задаём стили для всей страницы */
    height: 100vh; /* Высота 100% нашей видимой области */
    background-color: #0B1D26;/* Цвет для всей страницы*/
    color: #fff;
}
 
.preview {
    position: relative;
}
 
.previewLayer{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}
 
.previewImage {
    background-image: url(images\backgroung.png);
}

Igor Schnaider · April 27, 2022

Отступы и поля сбрасываете у класса .body, а не у элемента <body>. С картинкой тоже опечатка: обратный слэш \ вместо прямого / в адресе.

Sign In

Проблема с вёрсткой

Question

ASD

Link to comment

Share on other sites

1 answer to this question

Recommended Posts

Igor Schnaider

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information