neuhaus
neuhaus
Programming language:Html
2021-06-12 19:16:06
0
Q:

how to make a footer in html

tom
tom
Code: Html
2021-08-17 09:30:12 
  <style>
.footer {
  position: fixed;
  left: 
  0;
  bottom: 0;
  width: 100%;  
  background-color: red;
  color: white;
  text-align: center;
}
</style>
<div class="footer">
  <p>Footer</p>
  </div>
4
user65634
user65634
Code: Html
2021-01-27 00:34:04 
<footer>
<!-- Footer links -->
  <nav>
	<a href="some-url" target="_blank">Footer link</a> <!-- opens in new tab -->
	<a href="some-url">Footer link</a>
	<a href="some-url">Footer link</a>
  </nav>
<!-- Copyright footnote -->
  &copy; 2020 Some copyright message.
<!-- Contact link -->
  <address>
    Contact <a href="mailto:[email protected]">me</a>
  </address>
</footer>
4
zvolkov
zvolkov
Code: Html
2021-02-09 00:34:08 
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
.footer {
   position: fixed;
   left: 0;
   bottom: 0;
   width: 100%;
   background-color: red;
   color: white;
   text-align: center;
}
</style>
</head>
<body>

<h2>Fixed/Sticky Footer Example</h2>
<p>The footer is placed at the bottom of the page.</p>

<div class="footer">
  <p>Footer</p>
</div>

</body>
</html>
-1
Abecedarian
Abecedarian
Code: Html
2021-05-02 21:09:36 
<div id="container">
    <div id="header">
        <h1>Layout Footer Menempel Ke Bawah</h1>
    </div>
    <div id="content">
        <!--Bisa diisi teks lorem ipsum dibagian ini-->
    </div>
    <div id="footer">
        Copyright © 2014
        Designed by ..............
    </div>
</div>
0

Tags

Related

New to Communities?

Join the community