navigatiebalk steeds in beeld

[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!

[Lennerd]

Niemand een ideetje?

[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

[Lennerd]

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

Had iets soortgelijk geprobeerd, maar lukte toen niet. Ik ga dit eens proberen, bedankt in elk geval!

[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

[PTish]

Heb je wellicht hier wat aan?

http://demo.phpbb3styles.net/proMenue

[Lennerd]

Bedankt beiden!

[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

Code: Selecteer alles

#phpbb-content {
margin-top: 100px;
}

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

[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

[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!