Welcome to a tutorial on how to create sticky footers in HTML and CSS. So you want to fix a navigation bar banner at the bottom of the page? An easy way to create a sticky footer is to set sticky position – <footer style=”position:sticky; bottom:0; left:0; z-index:9;”>FOOT</footer>. That covers the quick basics, but read …
Sticky Footers In HTML CSS (Very Simple Examples) Read More »
Welcome to a tutorial on how to create a breadcrumb menu. If you want to add a breadcrumb menu to your website, there’s no need to use a “third-party plugin” or “framework”. It is actually very easy to create one using only pure HTML and CSS – Read on! TABLE OF CONTENTS Download …
Welcome to a quick tutorial and examples on how to create transparent images in HTML CSS. Once upon a time in the Dark Ages of the Internet, we had to manually create transparent GIF and PNG images. But today, things are very easy with modern CSS. Creating a transparent image in HTML CSS is as …
Transparent Images In HTML CSS (Simple Examples) Read More »
Welcome to a quick tutorial on creating transparent text in HTML and CSS. Once upon a time in the Stone Age of the Internet, transparency was a mystery. But today, it is very easy to achieve with just a single line of CSS. We can create transparent text in HTML by either: Setting the opacity. …
Welcome to a tutorial on how to disable HTML forms in Javascript. So you want to disable a form on submission, or maybe a part of it when certain options are selected? We cannot disable an entire form directly – <form disabled> But we can wrap all the fields in a fieldset and disable it …
Welcome to a quick tutorial on how to create sticky headers in HTML and CSS. So you want a header or navbar to stay at the top of the page? There are 2 easy ways to create a sticky header in HTML CSS: <header style=”position:sticky; top:0;”> This will stick the header to the top as …
Sticky Headers In HTML CSS (Very Simple Examples) Read More »
Welcome to a tutorial on how to display code snippets in HTML. Want to present or share some code snippets on your website? Just like how it is being done right here on Code Boxx? Well, it really isn’t that difficult. To display code snippets in HTML: Convert the code snippet into HTML entities, this …
Welcome to a tutorial and example of how to create a simple vertical timeline using pure CSS. Yes, there is a ton of timeline plugins on the Internet, but nothing beats having the knowledge to build one yourself and the power to style as you please. So here it is, let us walk through a …
Simple Pure CSS Responsive Timeline (Free Download) Read More »
Welcome to a tutorial on how to create mobile-friendly responsive CSS tables. When it comes to creating responsive web pages, tables are one of those “unfortunate” things in HTML. Even though there are a ton of responsive solutions for images, videos, text, and layout – Tables are the only tricky ones to deal with. There …
5 Ways to Create Responsive CSS Tables (Simple Examples) Read More »
Welcome to a tutorial on how to display an Excel file in an HTML table in Javascript. Need to open an Excel file and “convert” it into an HTML table? Yes, that is possible with modern Javascript. No server-side scripts, no uploading involved. Read on for the example! TABLE OF CONTENTS Download & …
Javascript Display Excel In HTML Table (Simple Example) Read More »
