Floating HTML Code and Footer

lpug · Post by **lpug** » Fri Jun 01, 2018 1:12 am

Hi is there a way to insert html which is floating and then have a floating footer?
I understand you can insert the html code into a layoutgrid or layer but then how to you make the footer float to the bottom of the html code.
I have this script in a html code and I want it to be between a header and footer.

<link href="https://demo.phpjabbers.com/1527815743_ ... ap.min.css" type="text/css" rel="stylesheet" />
<link href="https://demo.phpjabbers.com/1527815743_ ... ionLoadCss" type="text/css" rel="stylesheet" />
<script type="text/javascript" src="https://demo.phpjabbers.com/1527815743_ ... "></script>

BaconFries · Post by **BaconFries** » Fri Jun 01, 2018 1:23 am

Unfortunately we cannot help with inserting custom code/scripts and the likes as it is out with help offered. With this said the 3 lines which you have shown can be inserted using Page HTML Between <head></heads>tags*
I will also move to Off Topic Section where more appropriate

This section is for posting questions which are not directly related to WYSIWYG Web Builder.
Examples of off topics: web server configuration, hosting, programming related questions, third party scripts.
Note that these questions will generally not be answered by the administrators of this forum.

With this said other members/user are free to assist.

crispy68 · Post by **crispy68** » Fri Jun 01, 2018 1:31 am

If you add the code in an html box with the setting 'Do not use <div>' and place it in a layout grid that's between a head and footer, it should work. What makes you think it wont? How exactly are you creating your header and footer?

lpug · Post by **lpug** » Fri Jun 01, 2018 5:46 am

Thanks crispy I'm using a master page, the header is in a layout grid and the footer is a footer layer. What Ive found is when you preview the page the footer is either hardup against the header or half way through the html output or page...make sense? I will do what you suggested.

Its the same I have created a one page project for you to look at if you have a free moment.

http://www.mediafire.com/file/e35lvvuc2squpqf/test.zip

Thanks

Regards

jason · Post by **jason** » Tue Sep 17, 2019 2:01 am

Hi,

Good day to you all.

I am trying to use the shopping script demo from phpjabbers , use a simple layout with floating header, a HTML box put inside a floating layout grid with the below php code inserted inside the HTML box using type "Do not use div" , followed by a floating footer. Then I upload the files into the server. Instead of showing the shopping script in between the header and footer, it is shown after the footer. Previously, I am able to test successfully using Version 14. After upgrading to 15, it seems "Do not use div" cannot work. Is there any other settings I need to change? I believe Layout grid is also slighting different from 14, as there is more function.

<link href="https://demo.phpjabbers.com/1568431426_ ... ap.min.css" type="text/css" rel="stylesheet" />
<link href="https://demo.phpjabbers.com/1568431426_ ... ionLoadCss" type="text/css" rel="stylesheet" />
<script type="text/javascript" src="https://demo.phpjabbers.com/1568431426_ ... "></script>

Hope somebody can help on this?

Cheers,
Jason

Post by **Pablo** » Tue Sep 17, 2019 5:48 am

I doubt that this has anything to do with WB15.
The code will be inserted "AS IS".
If the code does not work then it's either invalid, conflicts with other code on the page or has been inserted at the wrong place.

To be able to help you, I need to see what you have done.

jason · Post by **jason** » Wed Sep 18, 2019 1:47 am

Hi Pablo,

Thanks for your swift reply. I will send the little project file to your email.

Post by **Pablo** » Wed Sep 18, 2019 6:16 am

The code has not been inserted correctly.
The <link> tags should be added between the head tags in Page HTML.

The <script> part need to be inside the layout grid. So, the option 'Move JavaScript to the end of the page. should be off (in Tools-> Options -> HTML).

Also, I am not sure if you need to include the link to bootstrap, it may cause conflicts with WWB's layout system.

jason · Post by **jason** » Wed Sep 18, 2019 7:28 am

Hi Pablo,

Thanks so much for your swift response and assistance on this. Really appreciate it.

I have just turned off the option 'Move JavaScript to the end of the page, but I have still mantainted the same 3 line script for the HTML Box, inside the layout grid between the header and footer. The type I have chosen for the HTML box is as suggested by Crispy to be : Do not use Div. Now the shopping script work perfectly floating in the middle between the header and footer.

I hope this information will help other users as well.

Thanks Pablo once again,

Cheers,
jason

www.wysiwygwebbuilder.com

Floating HTML Code and Footer

Floating HTML Code and Footer

Re: Floating HTML Code and Footer

Re: Floating HTML Code and Footer

Re: Floating HTML Code and Footer

Re: Floating HTML Code and Footer

Re: Floating HTML Code and Footer

Re: Floating HTML Code and Footer

Re: Floating HTML Code and Footer

Re: Floating HTML Code and Footer