is there setting for anchoring based for div?
hi all,

wondering if any of you webflow ninja can help me with this… [[landing%20mockup%20blank]](https://aws1.discourse-cdn.com/business5/uploads/webflow1/original/3x/a/f/af4ff1d4784709f18699f60342beb91ad5f5f7b1.gif "landing mockup blank.gif")

i’m trying to make a landing page that divided into 3 columns ( 3div), while on hover inside each div, that div will expand and pushed the other 2. ( see attachment ).

i structured them as this

wrapp…
here’s the preview link:

<https://preview.webflow.com/preview/growing-divs?utm_medium=preview_link&utm_source=dashboard&utm_content=growing-divs&preview=b04849fa7dd685a1d207211c6ddc7c5b&mode=preview>

let me know if you can do it with this or if you need me to make the project clonable.
you put the code i’ve given to layouts/\_default/\_markup/render-image.html and it executes for every image you have in your markdown. that’s what \_markup render-hooks are for. Hi, I guess it depends on your layout. Of you're using CSS then you need to set the left and right margin of your main container to auto. Please check example below.

HTML:

<div id="main"> test</div>

CSS: 

#main {

margin-right: auto;

margin-left: auto;

}

If you need to have a visual example for this, try opening a new HTML document using a CSS layout, you can do that by going to file>new>blank page> then select a CSS Layout for HTML.

I hope this post makes sense to you. 😉 Put the grid inside a panel (rather than scrolling the grid itself) and the following in the head section of the page. This is set for using a MasterPage, but you can remove the "ctl00\_MainContentPlaceHolder\_" prefix for a regular page.  

  

XMLCopy Code

```
<script type="text/javascript" language="javascript">
        window.onload = function () {
                var strCook = document.cookie;

                if (strCook.indexOf("!~") != 0) {
                        var intS = strCook.indexOf("!~");
                        var intE = strCook.indexOf("~!");
                        var strPos = strCook.substring(intS + 2, intE);
                        document.getElementById("ctl00\_MainContentPlaceHolder\_pnlFindings").scrollTop = strPos;
                }

        }
</script>
<script type="text/javascript" language="javascript">
        function SetDivPosition() {
                var intY = document.getElementById("ctl00\_MainContentPlaceHolder\_pnlFindings").scrollTop;
                document.cookie = "yPos=!~" + intY + "~!";
        }
</script>
```
  

  

In the Panel, you'll need:   

 onscroll="SetDivPosition()"  

  

That should do it for you. Works for me, anyway. i think the setting you want is in inbound routes. you can set the callerid number. the hover help reads: 
define the callerid number to be matched on incoming calls. 
leave this field blank to match any or no cid info. in addition to standard dial sequences, you can also put private, blocked, unk… You **DON'T** create two versions of your navigation! I told you (in one of your other four threads regarding this same issue) that you have to **REPLACE** the markup (HTML) from your current navigation with the navbar markup that comes with Bootstrap out of the box. The classes on that Bootsrap navbar will handle the responsiveness for your mobile nav. The only thing that you have to to do is change the default design of the navbar to that of your current navigation.


Check these two Bootsrap navbar examples.  

<https://bootsnipp.com/snippets/Oe7QM>  

The first is the **default** and the second the **inverse** version. The mobile version of the navigation is baked in the Bootstrap CSS file (which you load twice by the way on <http://www.purelineliving.com/> - Get rid of one!!!). You don't have to do much else!


You use Bootstrap so **STICK** to the HTML (markup) & CSS (classes) of the framework and certainly if you don't have any clue what you're doing.  

<https://getbootstrap.com/docs/4.0/getting-started/introduction/>


I also mentioned before that you have horizontal scrollbars on tablet and mobile screens, because your images are not responsive. They have all defined width and height attributes in the markup, so they won't shrink once the screen gets smaller. You are using position:absolute; Don't, it usually leads to endless problems.



Even if you had a real need to use it, why are you placing things at left 1400px!!!



This is right on the edge of the average monitor - how large is your monitor? I work with my browser open at a width of about 1000-1200px (note I didn't mention the size of my monitor). The main reason people have big monitors is so they can have two windows open next to each other, not so that they can run a browser window open at 2800px wide.



I suggest you start by looking at ordinary websites and studying the css. you'll discover that many sites use a wrapper div with a fixed width, while others use a wrapper div with a percentage width and a max-width, to prevent ending up with a huge long line of text 2500px long for example. Then they center the div using margin:auto. That gets the content in the middle of the page on the vast majority of screens, and browser viewports.



Don't lay out a screen using position:absolute. You are not painting pretty pictures on a screen, you should be using html and css to control the layout and check how the layout looks every time, by resizing the window looking for errors.



Also, a contact form needs the input boxes to be part of a <form>, so you'll have to read up on how they work. And a form needs an action, so you'll have to learn a bit about scripting, probably php. Hi Chris, Thanks for reaching out. You can achieve this using an anchor link, for more information please refer to this article: <https://helpx.adobe.com/ca/xd/user-guide.html/ca/xd/help/use-anchor-links-to-create-navigation-link-XD.ug.html> Let us know if this helps or if you need any further assistance. Regards Rishabh > 
> i want to create ap application which generates popup alerts at the day of event ocurs as well as a day before the event will occur in a specific time interval as well.. events are stored in database and they are all date fields .. so i want to link those fields to create popups .. help me .
> 
> 
> 


In order to help you, you must first provide us with what you have achieved. We do not write code for you, simply correct and enlighten on mistakes. <p>google's above the fold page layout algorithm looks at how much good, helpful content is visible without scrolling:</p>
<p>&nbsp;</p>
<p>https://webmasters.googleblog.com/2012/01/page-layout-algorithm-improvement.html</p>
<p>there is often a struggle between designers and seos because it sure looks nice to have a big huge image taking up all of the above the fold content but if there is no or limited helpful text there then that's not good from an seo standpoint.</p>
<p>with that said, google will still index content that is below the fold. it's debatable whether it's given the same weight as content higher up on a page though. matt cutts from google has said before that a link that is higher up on a page is not worth any more than a link lower down on the page. however, some <a href="https://moz.com/blog/10-illustrations-on-search-engines-valuation-of-links">experiments</a> by moz contradict this.&nbsp;</p>
<p>this might be a fun experiment to do - create content both above and below a hero image and see what ranks best. i might even do that!</p>
<p>marie</p> Over the years, I've had several versions of DW -- some were more stable than others.  I can honestly say, the FTP has never been a big problem for me.   If it ever becomes glitchy, I close DW and clear my cache or restore preferences as that fixes most  problems. 

**[Unusual behavior in Dreamweaver? Try restoring preferences.](https://helpx.adobe.com/dreamweaver/kb/restore-preferences-dreamweaver.html "https://helpx.adobe.com/dreamweaver/kb/restore-preferences-dreamweaver.html")** 

I mainly work with dynamic sites but I don't have more than 2,000 files per site folder.    Each site folder resides on my primary hard drive within my local testing server's default web directory (htdocs or www).   

![CC-testingServer1.jpg](/legacyfs/online/1550323_CC-testingServer1.jpg)

I use Ctrl+Shift+U to upload an open document to server.  To be quite honest, it happens so fast, I don't even see the background process panel.    If I'm uploading many files, I expand my files panel so I can compare contents of local site with remote server to ensure that the last modified timestamps are consistent.

![CC-FilesPanel-expanded.jpg](/legacyfs/online/1550322_CC-FilesPanel-expanded.jpg)

Finally, I had to turn off Real-Time backups and anti-virus scanning while I work.  When those processes were running in the background, everything came to a crawl. 

Hope this helps.



 Nancy O'Shea, ACP  

Alt-Web Design & Publishing