Class fix + css mod

This commit is contained in:
s426231 2018-10-20 10:45:37 +02:00
parent 52a0cdfd81
commit 4880277ab3
2 changed files with 28 additions and 26 deletions

View File

@ -1,7 +1,7 @@
<!DOCTYPE html>
<html lang="pl">
<head>
<title>BlogCenter</title>
<title>Projekt blogowy</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
@ -18,10 +18,11 @@
</head>
<body class="body">
<div class="background">
<img src="img/artist-camera-dslr-22185.jpg" alt="Photo by Zukiman Mohamad from Pexels">
<header>
<div class="navHeader">
<img src="img/artist-camera-dslr-22185.jpg" alt="Bloggero - najlepszy serwis blogowy!">
</div>
<div class="row header">
<div class="row elementsOnHeader">
<div class="col-md-2 login">
<a href="login.html" class="button" role="button">Zarządzaj blogiem</a>
</div>
@ -34,6 +35,7 @@
<input type="submit">
</div>
</div>
</header>
<div class="row mainrow">
<div class="col-md-12"><h2>Najnowsze wpisy:</h2></div>
<div class="col-md-4 mininote">

View File

@ -2,7 +2,7 @@
background-color: azure;
}
.background{
.navHeader{
position:absolute;
width: 100%;
height: 500px;
@ -11,13 +11,13 @@
z-index: -1;
}
.background img {
width: 100%;
height: 500px;
z-index: -1;
}
.navHeader img {
width: 100%;
height: 500px;
z-index: -1;
}
.header {
.elementsOnHeader {
position: sticky;
width: 100%;
height: 500px;
@ -25,23 +25,23 @@
margin-left: 0;
}
.header .login {
left: 82%;
top: 2%;
padding: 0;
}
.elementsOnHeader .login {
left: 82%;
top: 2%;
padding: 0;
}
.header .register {
text-align: center;
top: 30%;
padding: 0;
}
.elementsOnHeader .register {
text-align: center;
top: 30%;
padding: 0;
}
.header .search {
left: 20%;
top: 85%;
padding: 0;
}
.elementsOnHeader .search {
left: 20%;
top: 85%;
padding: 0;
}
.mainrow {
top: 68%;