login  Naam:   Wachtwoord: 
Registreer je!
 Forum

Floating div? (Opgelost)

Offline snxs - 17/01/2007 03:22
Avatar van snxsNieuw lid Dag iedereen, ik ben op dit moment bezig met een layout (http://retro.guidobouman.com/) Maar ik wil dat mijn menu automatischmee scrollt als ik verder naar beneden scroll. (Hij begint vanaf 325px van de top en moet mee scrollen wanneer hij het beeld uit gaat.) Weet iemand hoe ik dit kan doen?

Code voor div:
php code - Bekijk de code zonder highlighting - Klap code in 
  1. <div id="menu">
  2. 		<ul>
  3. 			<li><a href="index.php?page=artist" class="menu">The Artist</a></li>
  4. 			<li><a href="index.php?page=art" class="menu">The Digital Art</a></li>
  5. 			<li><a href="index.php?page=websites" class="menu">The Websites</a></li>
  6. 			<li><a href="index.php?page=photos" class="menu">The Photo's</a></li>
  7. 			<li><a href="index.php?page=contact" class="menu">The Contact</a></li>
  8. 		</ul>
  9. 	</div>


CSS van het menu:
php code - Bekijk de code zonder highlighting - Klap code in 
  1. #menu {
  2. 	width: 150px;
  3. 	float: right;
  4. 	margin: 25px 0 0 0;
  5. 	text-align: right;
  6. 	line-height: 12px;
  7. }
  8.  
  9. #menu ul {
  10. 	list-style: none;
  11. 	padding: 0;
  12. 	margin: 0 40px 0 0;
  13. 	border-top: solid 1px #cc0000;
  14. 	border-right: solid 1px #cc0000;
  15. 	background-color: #dddddd;
  16. }
  17.  
  18. #menu li {
  19. 	padding: 3px 15px 3px 0;
  20. 	margin: 0;
  21. 	font-size: 10px;
  22. 	border-bottom: solid 1px #cc0000;
  23. }
  24.  
  25. #menu li a.menu:link, a.menu:visited {
  26. 	display: block;
  27. 	color: #444444;
  28. 	text-decoration: none;
  29. 	background: url(images/menu_bg.gif) center right no-repeat;
  30. }
  31.  
  32. #menu li a.menu:hover, a.menu:active {
  33. 	color: #cc0000;
  34. 	background: url(images/menu_hover.gif) center right no-repeat;
  35. }

9 antwoorden

Gesponsorde links
Offline DenMette - 17/01/2007 07:03
Avatar van DenMette PHP gevorderde met javascript
Offline compudoc - 17/01/2007 07:46
Avatar van compudoc PHP beginner op dynamicdrive.com >> menus:

http://www.dyna...icmenu.htm
http://www.dyna...cmenu3.htm

Dit zijn de menutjes die jij aan het maken bent.
Misschien heb je er wat aan voor tips ofzo
Offline snxs - 17/01/2007 08:40 (laatste wijziging 17/01/2007 09:21)
Avatar van snxs Nieuw lid Ik heb ze beiden geprobeert, beiden werken niet. Ze moeten ook een rechtse uitlinging ondersteunen. Die stsic menu 1 is opzich goed maar de code werkt niet op mijn website.(Mijn hele div menu moet er in passen.) En ik weet dat het met JavaScipt kan en mischien zal moeten, maar ik prefereer toch een directX CSS tag, als het mogelijk is.
Offline Kr4nKz1n - 17/01/2007 09:28
Avatar van Kr4nKz1n Onbekend Zulke menu`s zijn lelijk en echt afraders.
Als je een beetje prof. wilt overkomen, gebruik je niet dit soort scriptjes.

En als hij bij dynamicdrive werkt, zou hij ook op jouw site moeten werken, anders doe je wat fout.
Offline snxs - 18/01/2007 16:33
Avatar van snxs Nieuw lid Ik zal vast en zeker ook iets fout doen. Maar ik geloof dat het frame geen div tags ondersteunt oid. want hij scrollt niet mee wanneer ik er een div tag in gooi, standaard code gaat wel mee. Het is namelijk het punt dat het menu mee schijft naar benden als er een hele lange pagina is. Eigenlijk: Header en menu blijven op hun plaats en tekst scrollt weg.
Offline Barato - 18/01/2007 19:36
Avatar van Barato Nieuw lid
Citaat:
Eigenlijk: Header en menu blijven op hun plaats en tekst scrollt weg.
Gebruik dan een (i)frame, want dat ben je eigenlijk aan het maken.

P.S. een "directX CSS tag" WTF?! (je zou eens met 'position: fixed' kunnen spelen)
Offline pieefee - 20/01/2007 13:11
Avatar van pieefee Nieuw lid Waarom niet met div's in plaats van iframe? Je zet je header, menu en tekst in aparte div's, in je css van je tekst-div voeg je dan toe:

php code - Bekijk de code zonder highlighting - Klap code in 
  1. margin: 0 auto;
  2. overflow: auto;


Volgens mij zou dat wel werken en hoef je niet met (i)frames te werken.
Offline slabbetje - 22/01/2007 19:38
Avatar van slabbetje Nieuw lid Idd met de functie auto
je moet maar ff kijken wat t besten is,
soms is het ook nog

php code - Bekijk de code zonder highlighting - Klap code in 
  1. float: auto;
Offline snxs - 24/02/2007 03:20
Avatar van snxs Nieuw lid Lang geleden maar ik ben weer terug. Het was de bedoeling dat er een div zou gaan schuifen met de tekst er in. Ik ben nu met een alternatieve oplossing bezig. bedankt voor jullie tips allemaal!!
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.207s