I have a problem with my code

HTML-CSS
1

Hello, I have a problem with the code that I created. Is there a possibility to ask for help over here? My problem is the following:

I have a webpage with a full-width title bar at the top. Below that is a navigation bar with 4

elements, each containing an element (anchor). I made these 2 lines “sticky” so that they stay and the text scrolls underneath. But the next title below does not scroll below it, although the following text does. How do I solve that?

The URL = cursus HTML-CSS-JS

2

Why do you have position: relative on that title?

3

Hello,

??? I don’t see ‘position: relative’ ???

4

HTML:

<div class="introductie">Welkom bij deze Nederlandse cursus over HTML, CSS, en JavaScript.</div>

CSS:

.introductie {
	margin-top: 100px;
	font-weight: bold;
	position: relative;
	text-align: center;
	font-size: 30px;
}

Remove the relative positioning and notice that the text now goes under the two sticky elements.

5

Thank you very much! It works perfectly now…

6

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.