Search results
The <footer> tag defines a footer for a document or section. A <footer> element typically contains: authorship information; copyright information; contact information; sitemap; back to top links; related documents; You can have several <footer> elements in one document.
- Try It Yourself
The W3Schools online code editor allows you to edit code and...
- Try It Yourself
How to position a background-image to be centered at top: body { background-image: url ('w3css.gif'); background-repeat: no-repeat; background-attachment: fixed; background-position: center top; } Try it Yourself » Example. How to position a background-image to be bottom right: body { background-image: url ('w3css.gif');
Add a background image on a HTML element: <p style="background-image: url ('img_girl.jpg');">. Try it Yourself ». You can also specify the background image in the <style> element, in the <head> section:
A navigation bar contains a list of links to help visitors navigating through your website: Example. /* The navbar container */ .topnav { overflow: hidden; background-color: #333; } /* Navbar links */ .topnav a { float: left; display: block; color: #f2f2f2; text-align: center; padding: 14px 16px; text-decoration: none;
background-color: #f1f1f1; padding: 20px; text-align: center; } /* Style the top navigation bar */. .topnav {. overflow: hidden; background-color: #333; }
25 maj 2012 · Use the following CSS. div {. width: 100%; height: 400px; background-image: url(your-path-here.jpg); background-size: 100% 100%; And see this live example. Be careful, if you don't resize the height of your footer as well, that will stretch the image.
23 cze 2015 · Try to use line-height and vertical-align: middle; for vertical aligment and text-align: center; for horizontal: #footer .structure { text-align: center; } #footer .structure ul { line-height: 140px; vertical-align: middle; } #footer .structure li { display: inline-block; } Or you can use flexbox technique
