How to remove the space in the layout between blocks?


Warning: count(): Parameter must be an array or an object that implements Countable in /home/styllloz/public_html/qa-theme/donut-theme/qa-donut-layer.php on line 274
0 like 0 dislike
13 views
Cannot remove the indentation between .top and .bottom

body { font-family: "Open Sans", sans-serif; width: 1400px; margin: 0 auto; } .header { height: 775px; max-height: 775px; padding: 0; width: 100%; margin: 0; } .header a { text-decoration: none; } .top { height: 120px; margin: 0; background-color: red; padding: 0; } .logo a { text-decoration: none; display: block; margin: 45px 0 0 110px; font-size: 25px; font-weight: bold; color: #212121; float: left; } .nav { float: right; margin-top: 50px; margin-right: 120px; } .nav li { list-style: none; display: inline-block; vertical-align: middle; color: #212121; font-size: 20px; margin-right: 45px; } .nav a { color: #212121; } .search { background: url(img/search.png) no-repeat 50% 50%; width: 25px; height: 25px; display: block; position: absolute; top: 45px; right: 320px; margin: 0; padding: 0; } .nav a:hover { color: #00897b; } .search:hover { background-color: #00897b; } .bottom { margin: 0; background-color: red; height: 655px; }
5ae7517d9e437020878101.jpeg
by | 13 views

1 Answer

0 like 0 dislike
Try to set margin-top: 0 for the header of the second block.
by

Related questions

0 like 0 dislike
2 answers
0 like 0 dislike
2 answers
0 like 0 dislike
1 answer
0 like 0 dislike
1 answer
110,608 questions
257,187 answers
0 comments
40,796 users