Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 8 of 8
  1. #1
    New to the CF scene
    Join Date
    Jan 2014
    Location
    Delhi
    Posts
    8
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Floating Menu bar for my site

    Hi everyone....I want to make a floating menu bar for my site so that my menu bar remain fixed at the top whenever I scroll down. How can I do it? Help me with its code....Appreciate your help.

  • #2
    Master Coder
    Join Date
    Jun 2003
    Location
    Cottage Grove, Minnesota
    Posts
    9,511
    Thanks
    8
    Thanked 1,090 Times in 1,081 Posts
    Give me a link to your site so I can see how it looks now.

  • #3
    New to the CF scene
    Join Date
    Jan 2014
    Location
    Delhi
    Posts
    8
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Ok this is my site goldentriangletours-packages.com.

  • #4
    Master Coder
    Join Date
    Jun 2003
    Location
    Cottage Grove, Minnesota
    Posts
    9,511
    Thanks
    8
    Thanked 1,090 Times in 1,081 Posts
    I answered your same question on another forum:
    http://www.webdesignforums.net/forum...-menu-bar.html

    Looking at your HTML, I don't see anywhere that you modified the <div> to use the position:fixed; property.

    Did you try it and it didn't work, or are you posting this question on many forums because it allows you to show a link to your site?

  • #5
    New to the CF scene
    Join Date
    Jan 2014
    Location
    Delhi
    Posts
    8
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Sorry about it Sir but you are correct I tried to change that but it didn't work that why I posted this question on some other forums too. And Sir If I am trying to show up my link then I should make it a hyper link not just leave my site in simple text.On both forums I haven't made it a proper link so that I can't get any false visits to my site. With due respect to your suggestion on last forum I tried but I think I might have doing some thing wrong that's why may be its not working.

  • #6
    Master Coder
    Join Date
    Jun 2003
    Location
    Cottage Grove, Minnesota
    Posts
    9,511
    Thanks
    8
    Thanked 1,090 Times in 1,081 Posts
    You're sure it didn't work?

    Locate the section of your code that looks like below and add the lines in red ...


    <div style="position:fixed;">

    <div id="top-wrapper">
    <div class="header">
    <div class="logo"><figure><a href="http://www.goldentriangletours-packages.com/"><img src="images/logo.jpg" /></a></figure></div>
    <div class="contactno">Call us fill free on:+91-847-008-4734</div>
    <div class="top-heritage"><figure><img src="images/top-heritage.jpg" title="Golden Triangle, a renowned tourist circuit of India encapsulates the tour of three historic cities: The national capital 'Delhi', former capital of Mughal Empire 'Agra' and capital of Rajasthan 'Jaipur'. Placed adjacent to each other, these three cities of north India represent the cultural confluence, historical legacies and topographical diversity of northern plains. The capital city and main gateway to India, Delhi is formed of two different zones: Old & New Delhi. Scores of architectural masterpieces belonging to medieval to contemporary eras including Lotus temple, Qutub Minar, Indian Gate, Red Fort sprawls on its lap. Next city Agra, perched on the banks of River Yamuna is too nurturing the Mughal heritages since more than three centuries. The city is home to great Mughal architecture and 'Epitome of Love' Taj Mahal. Pink city Jaipur, the final destination of Golden Triangle tour is dotted with several Rajputana endowments Like Hawa Mahal and Amer Fort." /></figure></div>

    </div>

    </div> <div class="nav-container">

    <div class="nav">
    <ul>
    <li><a href="http://www.goldentriangletours-packages.com/">Home</a></li>
    <li><a href="aboutus.php">About Us</a></li>
    <li><a href="jaipur-tours/">Jaipur Tour</a></li>
    <li><a href="agra-tours/">Agra Tour</a></li>
    <li><a href="delhi-tours/">Delhi Tour</a></li>
    <li style="background:none;"> <a href="contactus.php">Contact Us</a></li>
    </ul>

    </div>

    </div>

    </div>

  • #7
    New to the CF scene
    Join Date
    Jan 2014
    Posts
    7
    Thanks
    1
    Thanked 0 Times in 0 Posts
    Quote Originally Posted by anilkr. View Post
    Sorry about it Sir but you are correct I tried to change that but it didn't work that why I posted this question on some other forums too. And Sir If I am trying to show up my link then I should make it a hyper link not just leave my site in simple text.On both forums I haven't made it a proper link so that I can't get any false visits to my site. With due respect to your suggestion on last forum I tried but I think I might have doing some thing wrong that's why may be its not working.
    If you can make an account on jsfiddle.net and send us a link to your code.

    I'll have a little fiddle.

  • #8
    New to the CF scene
    Join Date
    Jan 2014
    Location
    berlin
    Posts
    1
    Thanks
    0
    Thanked 0 Times in 0 Posts
    thanks for the detailed information.


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •