Fixed header in VSD? - Post ID 219507

User 2126034 Photo


Registered User
16 posts

Hi,
Does anyone know if it is possible to set up a fixed header in dsv? (I think it's called a "fixed header"?. I want the header at the top of the page to remain stationary and the rest of the page to scroll.)
User 2147626 Photo


Ambassador
2,958 posts

Have a look at the samples on Eric's page. He has one for a 'floating footer'. I'm sure it works the same for a header. He also shows how to do 'sticky' nav menus. You should find something here. If not, just ask him and I'm sure he can point you in the right direction. :cool:

http://progrower.coffeecup.com/
Graphics for the web, email, blogs and more!
-------------------------------------
https://sadduck.com
User 122279 Photo


Senior Advisor
14,610 posts
Online Now

You can use this code:
<div id="header" style="position: fixed; z-index: 100;">
The z-index might not be necessary, only if the header ends up behind other page elements.
Gunsmoke, Eric or Paintbrush will have to tell you how to insert this into VSD, though.
Ha en riktig god dag!
Inger, Norway

My work in progress:
Components for Site Designer and the HTML Editor: https://mock-up.coffeecup.com


User 2126034 Photo


Registered User
16 posts

Thanks Inger,
If I am going to edit the code, where should I look for the code? Apologies if I am asking a silly question. I am completely new at all of this.
User 187934 Photo


Senior Advisor
20,265 posts
Online Now

You don't need to edit the code. Use an HTML box.;)
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.

This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
User 2126034 Photo


Registered User
16 posts

Wow. How easy is that! Thanks Eric.

Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.