"Fixing an image" - Post ID 181910

User 2146019 Photo


Registered User
58 posts

Hello all! Ive been searching the web with no results so maybe someone can help me here. Im trying to get an image to stay in one place on my page even when im scrolling down or up on the page. Im not sure what the term for this is so ive been referring to it as "fixing" an image or possibly hovering an image? Anyone know any coding for making this happen?

Thanks in advance,
Chance

User 187934 Photo


Senior Advisor
20,271 posts

This should help you out.:)
http://progrower.coffeecup.com/fixednav.html
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 2146019 Photo


Registered User
58 posts

Thanks! That was actually the first place i looked your site i extremely helpful when having trouble or when learning new things in vsd! So all i would need to do is change the code to use my image ive created and add it to an html box on the page i want it on in vsd?

User 187934 Photo


Senior Advisor
20,271 posts

Yup, Look at that second example. It's just a png image linked to be a nav button.:)
Here's the same thing altered with no link and a little more generic.

<style>
div.fixed {position:fixed;}
</style>
<div class="fixed">
<img src="images/myimage.jpg" />
</div>


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

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.