Programming Help

Web Development

Projects



What's Here?

  • Members: 86,392
  • Replies: 356,828
  • Topics: 52,335
  • Snippets: 1,779
  • Tutorials: 423
  • Total Online: 1,405
  • Members: 35
  • Guests: 1,370

Who's Online?

Welcome to Dream.In.Code
Getting Help is Easy!

Join 86,392 Programmers. There are 1,405 online right now! Ask your question and get quick answers from Dream.In.Code experts. Join the #1 programming help community on the internet! Registration is fast and FREE... Join Now!

Chat LIVE With a Expert
Powered by LivePerson.com

Register to Make This Box Go Away!

A Fixed Horizontal Navigation Bar

 
 Reply to this topicStart new topic

A Fixed Horizontal Navigation Bar, A Fixed Horizontal Navigation Bar which stays at the top of the screen
alexturner10
post 21 Apr, 2008 - 01:24 PM
Post #1


New D.I.C Head

*
Joined: 5 Mar, 2008
Posts: 3


I need help with a navigation bar - i need a silver navigation bar with some links on, which stays at the top of the window even when you scroll down the page.

I need it like the top bar on this site (for example):-
http://uk.ask.com/web?q=hello&dm=all&a...dir&siteid=

I have been told i cannot use frames - apparantly we just need a navigation bar which is at the top but stays at the top of the window as you scroll down . . .

Can anyone help??

Many thanks in advance.
User is offlineProfile CardPM
Go to the top of the page
+Quote Post


girasquid
post 21 Apr, 2008 - 05:20 PM
Post #2


Barbarbar

Group Icon
Joined: 3 Oct, 2006
Posts: 953
Try taking a look at the CSS position attribute - more specifically, position:fixed.
User is offlineProfile CardPM
Go to the top of the page
+Quote Post

alexturner10
post 22 Apr, 2008 - 12:56 AM
Post #3


New D.I.C Head

*
Joined: 5 Mar, 2008
Posts: 3
QUOTE(girasquid @ 21 Apr, 2008 - 05:20 PM) *

Try taking a look at the CSS position attribute - more specifically, position:fixed.


I am not sure how to edit my CSS file, specifically which part of the CSS file needs editing... Is there no HTML code i can add in the source code for the page?
User is offlineProfile CardPM
Go to the top of the page
+Quote Post

girasquid
post 22 Apr, 2008 - 06:33 AM
Post #4


Barbarbar

Group Icon
Joined: 3 Oct, 2006
Posts: 953
You are going to want to apply a CSS class(or id) to the element you want to be your navigational bar first. Then you'll need to set position:fixed on that particular element.

This post has been edited by girasquid: 22 Apr, 2008 - 07:58 AM
User is offlineProfile CardPM
Go to the top of the page
+Quote Post

Fast ReplyReply to this topicStart new topic
Time is now: 5/17/08 05:08AM
Invision Power Board v2.1.7 © 2008  IPS, Inc.
Licensed to: MediaGroup1

Live Help!

Tutorials

Programming

Web Development

Reference Sheets

Code Snippets

Bye Bye Ads

Free DIC T-Shirt

T-Shirt Example

Related Sites

Monthly Drawing

Thumb Drive

Partners

Top Contributors

Top 10 Kudos This Month