login  Naam:   Wachtwoord: 
Registreer je!
 Forum

Floating menu

Offline Timm01 - 11/01/2013 16:46
Avatar van Timm01Nieuw lid Hallo sitemasters,

Ik ben momenteel bezig met het bouwen van een website. Echter wil ik dat het menu en header mee scrollen naar beneden.

Dit is de link van de pagina waar het om gaat:

http://greenworks-services.nl/

En dit is de code die ik heb gebruikt:

css code - Bekijk de code zonder highlighting - Klap code in 
  1. position: fixed;
  2. width:980px;
  3. margin:30px auto 30px auto;
  4. background: #ffffff;
  5. -webkit-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.2);
  6. -moz-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.2);
  7. box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.2);


Hopelijk kan iemand mij helpen.

Grt

9 antwoorden

Gesponsorde links
Offline Martijn2008 - 11/01/2013 16:53 (laatste wijziging 11/01/2013 17:22)
Avatar van Martijn2008 PHP beginner Hi Timm01 - dat betekent dat je zowel de header als navigatie item CSS eigenschap position fixed moet geven. Een andere mogelijkheid is deze..

CSS
php code - Bekijk de code zonder highlighting - Klap code in 
  1. #header { position: fixed; /* extra styling information */ }


HTML
php code - Bekijk de code zonder highlighting - Klap code in 
  1. <div id="header">
  2. 	<div id="navigation">
  3. 		<!-- navigation items -->
  4. 	</div>
  5. </div>
Offline Timm01 - 11/01/2013 17:00
Avatar van Timm01 Nieuw lid Ik heb nu het menu ook op fixed gezet en dan krijg ik het volgende:
http://greenworks-services.nl/
Offline Martijn2008 - 11/01/2013 17:05 (laatste wijziging 11/01/2013 17:06)
Avatar van Martijn2008 PHP beginner Ik zie dat het menu links is geplaatst een mee scrolt. Bedoel je soms dat het menu centraal in het midden van de pagina moet komen? Moet de header afbeelding met die kranen ook mee scrollen?

Het is mij niet helemaal duidelijk wat je precies wil. Wat goed is en wat je wilt veranderen. Verklaar je nader...
Offline Timm01 - 11/01/2013 17:09
Avatar van Timm01 Nieuw lid http://themefor...ew/2630250

Het bovenste witte vlak en het menu daaronder, moeten zeg maar meescrollen naar beneden. de rest moet op de zelfde plek blijven staan.

Hoop dat het zo een beetje duidelijk is.
Offline Martijn2008 - 11/01/2013 17:14
Avatar van Martijn2008 PHP beginner Je wilt dat kader centreren en laten meescrollen??
Offline Timm01 - 11/01/2013 17:16
Avatar van Timm01 Nieuw lid ja de bedoeling is dat het menu en de header bij het openen van de pagina precies zo staan zoals op de laatst gestuurde link. En als je naar beneden scrolt dan moeten de header en het menu mee scrollen naar beneden zodat het logo altijd zichtbaar is en dat het menu ten alle tijde is te gebruiken.
Offline Martijn2008 - 11/01/2013 17:17
Avatar van Martijn2008 PHP beginner Probeer dit eens:

php code - Bekijk de code zonder highlighting - Klap code in 
  1. #header{
  2. 	position: fixed;
  3. 	z-index: 400;
  4. 	left: 50%;
  5. 	width:980px;
  6. 	margin-left: -490px;
  7. 	padding:0 0 37px 0;
  8. 	background: #ffffff;
  9. }
Offline Timm01 - 11/01/2013 17:25
Avatar van Timm01 Nieuw lid Ik heb even wat dingen geprobeerd op basis van wat je zojuist hebt gestuurd. Echter krijg ik weer het volgende probleem:

http://greenworks-services.nl/

Ook wordt de slider uit zijn verband getrokken en de content onder het menu schuift automatisch naar boven.
Offline marten - 22/01/2013 09:26
Avatar van marten Beheerder Ik zie de header weer op relative staan?
Gesponsorde links
Je moet ingelogd zijn om een reactie te kunnen posten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.37s