Pagina 1 van 1
navigatiebalk steeds in beeld
Geplaatst: 13 sep 2010, 14:39
door Lennerd
Hi allen,
ik vind het niet onmiddellijk terug, en indien toch aanwezig, mijn excuses.
Mijn vraag waar ik mee zit is of er jullie een mod/aanpassing of stijlswijziging gekend is, om de navigatiebalk steeds in beeld te houden.
Dus in die mate dat als je naar beneden gaat op een pagina dat deze toch steeds in beeld blijft.
Op mijn forum staat die namelijk helemaal boven aan, tegen het scherm geplakt.
tnx alvast!
Re: navigatiebalk steeds in beeld
Geplaatst: 22 sep 2010, 14:16
door Lennerd
Niemand een ideetje?
Re: navigatiebalk steeds in beeld
Geplaatst: 22 sep 2010, 14:31
door Carlo Claessen
de div in de header met logo moet je dan fixed zetten, je moet dus wat html kennis hebben
http://limpid.nl/lab/css/fixed/header-and-footer
hier staat een mooi voorbeeld
Re: navigatiebalk steeds in beeld
Geplaatst: 22 sep 2010, 14:52
door Lennerd
Had iets soortgelijk geprobeerd, maar lukte toen niet. Ik ga dit eens proberen, bedankt in elk geval!
Re: navigatiebalk steeds in beeld
Geplaatst: 22 sep 2010, 14:59
door Carlo Claessen
je moet je forum html in 2 stukken hakken
nu heb je een totale div die wordt gestart in de header waarschijnlijk, hij stopt in de footer de div
wat je gaat doen is de header sluiten in de header en eronder de content weer starten en eindigin in de footer
principe idee kort is nu
<div class=header><div content><div footer></div></div></div>
dit is erg grofweg getekend op deze manier
wat je gaat doen nu is
<div class=header></div>
<div content><div footer></div></div>
maw je gaat je site in 2 stukken delen
combineer dit met de link die ik je gaf om het zelf te oefen
Re: navigatiebalk steeds in beeld
Geplaatst: 23 sep 2010, 00:04
door PTish
Re: navigatiebalk steeds in beeld
Geplaatst: 23 sep 2010, 10:41
door Lennerd
Bedankt beiden!
Re: navigatiebalk steeds in beeld
Geplaatst: 23 sep 2010, 21:32
door Lennerd
Nog een vraagje, gezien mijn CSS kennis vrij beperkt is. Is er een mogelijkheid om te zorgen dat bij de PHPBB fora de "plaats reactie" knoppen etc onder de header door gaan?
Heb namelijk aanpassingen gedaan nu, navigatiebalk staat netjes bovenaan mijn scherm, en het forum scrolt er onderdoor, echter mijn forumlogo, offline/online statussen en de knoppen gaan er overheen.
Heb 2 div's gemaakt, waarvan hier de code:
Code: Selecteer alles
#headertop {
position: fixed;
top: 0;
left: 0;
width: 100%
height: 100px;
}
en
Deze heb ik dan toegevoegd in de overall header, waarbij onmiddellijk de navigatiebalk netjes op zijn plek blijft, maar logo etc niet.
voorbeeldfoto 1
voorbeeldfoto 2
voorbeeldfoto 3
Re: navigatiebalk steeds in beeld
Geplaatst: 23 sep 2010, 22:24
door Carlo Claessen
sluit het logo div deel in in de nav div
<div gefixt>
<div navigatie>
<div logo>
</div>
</div>
</div>
<div content>
</div>
vergeet niet de height bij te stellen
Re: navigatiebalk steeds in beeld
Geplaatst: 23 aug 2011, 15:31
door Lennerd
Erg oude topic van me, maar was gestopt destijds met het zoeken naar een oplossing, en vandaag toch maar eens verder gezocht.
Het enige dat ik nog diende te doen om het werkend te krijgen was een z-index bepalen.
Wat dan rest is zorgen dat de onderliggende div's op juiste hoogte staan vanaf top div en je bent rond.
Mijn code nu:
Code: Selecteer alles
#navbar-top {
position: fixed;
top: 0;
left: 0;
width: 100%;
z-index: 1;
}
De code voor de phpbb-content dat ik hier boven had gezet kan je nog gebruiken als hulpmiddel om sneller klaar te zijn, maar is dus niet noodzakelijk.
Deze code staat bij mij in de Stylesheet.css.
In de overall_header heb ik dan het gedeelte van de navbar omkadert door dat div navbar-top.
Tnx all nogmaals voor de hulp destijds geboden!
