Op mijn website wil ik graag dat het logo bovenaan de pagina blijft staan als je naar beneden scrollt.
In mijn bestandje style.css heb ik daarvoor de volgende code opgenomen:
En in de index.html file heb ik het volgende stukje code staan:
Maar het resultaat is dat ik eerst een stuk wit krijg van 100 pixels en daarna pas de header (in plaats van andersom).
De tekst scrollt nu wel links en rechts langs de header die op dezelfde positie blijft staan, maar dat was niet de bedoeling.
Hij moet gewoon boven de tekst in het midden blijven staan.
In mijn bestandje style.css heb ik daarvoor de volgende code opgenomen:
Code:
body {
padding-top: 100px;
}
.navbar-fixed-top {
position: fixed;
right: 0;
left: 0;
z-index: 999;
}En in de index.html file heb ik het volgende stukje code staan:
Code:
<div class="navbar-fixed-top"><center><img src="logo.jpg"></center></div>Maar het resultaat is dat ik eerst een stuk wit krijg van 100 pixels en daarna pas de header (in plaats van andersom).
De tekst scrollt nu wel links en rechts langs de header die op dezelfde positie blijft staan, maar dat was niet de bedoeling.
Hij moet gewoon boven de tekst in het midden blijven staan.
