Questions tagged [footer]
In programming, a page footer (or simply footer) is part of page that is separated from the main body and appears at the bottom of a page.
3,366
questions
1
vote
0
answers
17
views
How to fix a footer if my hamburger menu overlpa it
Hi I am wondering if you can help me. I am doing a page just with HTML and CSS, I created a hamburger menu (to make the page responsive).
ul {
position: fixed;
width: 100%;
...
-1
votes
1
answer
23
views
Footer and page size [duplicate]
Feels like should already know how to achieve this effect, but I don't, so here goes:
I want footer to be placed at the bottom of the page if there is not enough content and if the page is filled I ...
1
vote
1
answer
30
views
Footer background color don't take full width and height [duplicate]
For a project, I need to create the following footer
However like I said in the title, my footer's background-color neither take the full width or 'bottom' of the screen, there is a white space.
I ...
0
votes
1
answer
29
views
CSS footer that is always on the bottom of page [duplicate]
I am having issues making a footer that is always on the bottom of the page. If it is fixed, I'm having the issue that it is overlapping the content that follows, otherwise if I don't have enough ...
0
votes
3
answers
25
views
Div containing images takes more space than required
I am creating a footer section, and for some reason the div inside a section is taking more width than required. How do I fix this?
This is how it looks:
This is my code:
footer {
background-...
0
votes
0
answers
13
views
body not containing all of the elements html [duplicate]
I'm not really good at working with html and css, but I have been working pretty well until I tried to make a sticky footer. I believe that the issue lies in that the body doesn't seem to contain all ...
0
votes
1
answer
20
views
Change the footer in open edx editing the footer text in contact, home, etc
I would like change the text and the link-text (Hoem, About, contact, donate) in the footer in open edx.
Could you explain me - where and how?
Wie ändere ich den Text in den Untermenüs im Footer von ...
0
votes
3
answers
35
views
There's a weird line between two links in my footer. What is it and how do I get rid of it?
Screenshot: Small line appearing between footer images
No matter what I do to the HTML and CSS, this little underline or underscore (see image) is appearing between the images in my footer. It's blue, ...
0
votes
1
answer
42
views
Footer gives different results on Code Snippet (CodePen) and Angular
So I wanted my footer to cover the entire length of the page and stick to the bottom of the page, getting pushed down if some content gets added, what happened is, on codepen everything works ...
0
votes
2
answers
38
views
Bootstrap 5 fixed-bottom footer covering content
I'm trying to do a fixed footer using fixed-bottom with react & bootstrap, the problem is that it covers some content, already tried some things but none worked, how can I fix? ( Code and Demo ...
0
votes
0
answers
27
views
Footer isn't visible on mobile
I have the problem, that somehow, my footer is not visible.
Here some links to see what it looks like.
When Flipping the Phone vertically it shows.
Desktop Version
Mobile Version
Footer css:
...
0
votes
0
answers
40
views
Footer does not remain at the bottom of the page and if it does, it doesn't work properly [duplicate]
as the Title says, i have a problem with my footer.
my footer doesn't stick to the bottom if my page has almost no content and if i add some, it passes right through it (see photo), i already tried:
...
0
votes
1
answer
43
views
Footer does not stick to bottom
My footer doesn't stick to the bottom when the content of the page is very little, I tried using:
position:absolute;
and
bottom:0;
but it seems to stick, but when I add too much content it goes "...
1
vote
1
answer
61
views
footer does not cover the entirety of the length of the page
This is my first time writing in html and css, so sorry if it's confusing and dumb.
I'm trying to make that sticks to the bottom and covers the length of the page, the problem is that i tried ...
0
votes
0
answers
23
views
Printing multiple pages PDF with footer at the end of the last page
I am trying to print a webpage in PDF. This PDF will be a few pages long and have a footer that should appear on the last page and stick to the bottom.
The issue is that I can both have the footer ...
0
votes
0
answers
29
views
Email footer using inline HTML without CSS (problem with resize/table parts/clickable images)
I'm trying to make an email footer from a specific background design but using only inline HTML without using CSS styles. Found a solution that You can edit the .htm file used by Outlook in this case (...
0
votes
0
answers
43
views
Apache-poi remove or hide footer when long table continues to second page?
How to remove or hide footer when long table continues to second page?
Example:
table example
0
votes
0
answers
11
views
Where can I add more widgets to appear to different Footers in Theme Editor?
I have a multilingual website but when I change the footers for the differnet language pages, they look like this: enter image description here
enter image description here
That 'Footer 1' it's for ...
0
votes
0
answers
23
views
How to make footer attach to bottom of the screen [duplicate]
Attached is the image of my webpage. How to make this footer attach to bottom of screen rather than being displayed immediate after publish button?
I have written this code for footer:
.footer{
...
0
votes
0
answers
29
views
Keeping Footer At The Bottom Of The Page Without Scrolling
Below is the code that I'm using to create a footer on my website. It looks the way I'd like it to, but have to scroll down to see it on a page that doesn't have much content on it. I'd like it to be ...
0
votes
0
answers
14
views
Web-like footer in Flutter
I'm trying to implement a simple web page view, with an appbar, a content and a footer.
I'm struggling with the position of the footer.
What I want:
if the content does not fill the whole screen, the ...
0
votes
0
answers
5
views
How do I get rid of "JSResult Skip Results Iframe" at the bottom of my WordPress site?
JSResult Skip Results Iframe
I do I get rid of this phrase above.
Can't seem to find it.
Using WordPress with Elementor.
0
votes
0
answers
17
views
Rotativa Footer on First page only
I'm working on Visual Studio Web based MVC and I am using Rotativa to display PDF as output view/download.
right now I am able to design and display a whole page with content and footer. the Footer ...
-2
votes
3
answers
146
views
Footer won't stay at bottom of page and below content
I have a React application with a basic layout:
function App() {
return (
<div className="app">
<Header />
<Main />
<Footer />
</div>...
0
votes
0
answers
10
views
Can you get a Summary Total of a calculated amount that is in a Group Footer?
I have a formula field in a group footer that gets some of its information from another summary field in the same group footer. Report works great, just can't figure if I can get a grand total of ...
0
votes
1
answer
43
views
Wordpress header and footer
I'm working in custom wordpress theme but wondering how wordpress decides to which link or script should be added in footer or which script should be added in header because we add all the links in ...
0
votes
0
answers
23
views
Setting Up Headers & Footers
My code sets up the Center Header for a selected Excel sheet. Variable X stores the text so I can preview before I execute the code:
[.CenterHeader = X]
Variable X also includes the ascii Chr(10) to ...
0
votes
1
answer
52
views
Printed Static Footer Overlapping Page Content
I have a static footer which prints on every printed page (yay) but the page content itself goes to the bottom of the printed page as well creating a content collision.
I've tried various page ...
0
votes
1
answer
33
views
Footer is in the middle of an iFrame component. How can I push it to the bottom?
I'm trying to make a footer that is pushed to the bottom of the page, and it works everywhere except on the homepage where I've put an iFrame with a YouTube video in it. Once I remove the iFrame (that ...
0
votes
1
answer
39
views
unable to use VBA to conditionally insert and center a logo image into Word 2016 footer
I am unable to use VBA to conditionally insert and center a logo image in the footer of a Word 2016 document running on Windows 10 on a Dell Inspiron Laptop. Based on code from Word footer image ...
-2
votes
1
answer
45
views
Footer overlaps body section when using 100vh [closed]
I am doing a portfolio project, and I observed this weird overlapping.
I want to have 100vh for the "about-section" (Hey I am Lau).
Is there a way to use 100vh without getting footer overlap?...
0
votes
0
answers
15
views
footer images not changing width at all
This footer is driving me nutso, anyone know why my footer images remain the same size? tried width on the footer container, on the socials class and they are just staying the same size
#...
0
votes
0
answers
22
views
I´m having some problem with my header/footers and my sidecolumn
I would really appreciate some tips och advise! I have struggle!!
My headers and footers doesnt cover the entire width of the page and I dont understand why, this should be done with javascript. Also ...
0
votes
0
answers
60
views
How can have multirows Footer in Datatables?
I want make two rows at my footer datatables. First row of footer for sum columns and second row of footer for search columns.
This is my code in javascript
$(function () {
$('#ntable1 tfoot th')....
0
votes
0
answers
45
views
Why my footer is not at the very bottom of the page? [duplicate]
The point is that I can't get the footer section of the code to display at the bottom of the page. Right now it's located at the bottom section of the webpage as it opens, as if it was "position ...
0
votes
1
answer
37
views
Overflow in footer
I have a footer with the follow code:
<div class="footer" style="width: 100%;"><h5>
<a style="width: 30%; float: left; margin-left: 2.5%; background: #030534; ...
0
votes
1
answer
91
views
Place footer at the bottom of a web page in React app
I am new in reactjs. I tried many solutions, but can't fix my footer to show at the bottom of the web page after displaying the web content. In this scenario, if web page has less content, footer is ...
0
votes
1
answer
174
views
In react JS how can i set footer component at the bottome of all pages, either the page have some content or not?
When I use footer component in react , footer does not set at the bottom of the page if that page is empty or do not have enough section. So how can I fix it?
0
votes
2
answers
138
views
Is there a way to set the timestamp to UTC in discord.js
I wanted to create a footer for a discord embed, that has UTC time so I created the lines in the following, and then it errored a lot, so I turned it into an object / {}. Then I got this " if (...
2
votes
3
answers
58
views
Make footer being pushed to bottom by upper content
I am working on a site using bootstrap in which I want a footer being pushed at the bottom all the time, but when the screen size is smaller(around 500px) the footer comes between the section
Here is ...
0
votes
0
answers
49
views
Adding Header/Footer to EXCEL from XML Spreadsheet file
I am trying to generate a XLS file by creating this XML file from Oracle PLSQL. I am able to open the excel file when I don't have <x:WorksheetOptions> below ss:table tag.
</ss:Table>
...
0
votes
0
answers
16
views
Footer At The Bottom Of The Page Disappears On The Mobile Screen When The Phone Is Used In Landscape
Below is the code that I'm using to create the opening page for my website. The page works as it should when testing it on a computer and also works as it should when testing it in portrait (not ...
0
votes
1
answer
79
views
Footer works on xlsx exporting but not in Mpdf with Phpspreadsheet
Hi everyone and thanks in advance for your help.
I'm trying to set Footer to a pdf Phpsrpreadsheet generated file but, although it works when I export it in xlsx it doesn't work when I save it as a ...
0
votes
3
answers
69
views
Why is my footer not going to the bottom?
The footer that I have keeps sticking to my div in the center and I can't seem to figure out why this is happening.
I think it is something regarding the position but I don't know what. I tried ...
0
votes
1
answer
52
views
How to collapse a specific section of footer menu after click on mobile
I'm trying to create a responsive footer for mobile so that when users click on one of the titles the elements of that section expand while the other elements of the other remain collapsed and when ...
0
votes
0
answers
82
views
Footer using Avada Theme in Wordpress and the Polylang Plug-In
I am currently using the Avada Theme. I want to create a multilingual site - for that I installed the Plugin called "Polylang". I want to have two sites - one in English, and one in German. ...
0
votes
1
answer
69
views
HTML: How to duplicate footer across all pages without PHP?
Looking for advise on whether is it possible to have a footer.html and duplicate it to all pages without using PHP.
I know I can use include("footer.php"), but all my pages are in HTML now ...
0
votes
0
answers
13
views
NAV Bar Visibility & Footer Display
need some help with .css as I'm a beginner in this area.
my website is: https://freedomsvoiceinc.com
My problem is that the NAV Bar is not showing at top of the sites published pages and I cannot ...
0
votes
1
answer
105
views
Showing [object Object] in embed footer
SEE THIS PIC:
I have given the codes which I tried.
If I don't add iconURL then it works fine (ONLY FYI).
I am using discord.js v13.
CODE 1
const embed = new MessageEmbed()
.setTitle("...
0
votes
2
answers
37
views
Footer appears in the wrong position
my footer appears on the bottom of my screen when I load my page, but I would like it to be a sticky footer, I tried following this tutorial, but it didn't work and this was the result. Does anyone ...