CSS articles, tools, tips and tricks
Have you been wondering how to accomplish a special task with CSS? Perhaps you find the answer amoung our collection of CSS articles, tools, tips or tricks.
If you have written a CSS article yourself, you are welcome to make your work known by submitting your CSS article, tool, tips or tricks to Strictly CSS.
Stylish and Accessible forms using CSS
This article shows a flexible form layout XHTML code accompanied by a strict CSS code. This form is easily adaptable and can be used by the novice of users. The form uses and ordered list for each row...
Most common CSS bug fixes for Internet Explorer
See the solutions to some of the most common HTML/CSS bugs in Internet Explorer, covers margins appearing larger, minimum height, and if IE tag fixes.
How to stay A-Float with CSS
The secret to good CSS layouts rests with the Float attribute. Using float instead of relative or absolute positioning makes complex layouts easy.
Horizontal and tabbed CSS menu with sub menu
This article explains and shows examples of horizontal CSS menus with sub menus (or nested lists as this is also called). The menus are made without absolute positioning.
CSS bar graphs
The article demonstrates three different CSS graph types;
How to center a tabbed horizontal CSS menu
This article shows and explains a different method for centering a horizontal aligned tabbed CSS menu without using any width at all on the menu. The menus demonstrated are using unordered...
CSS fluid layouts with faux columns
Faux columns is a method of making CSS columns appear equal in length, regardless of the content that they contains. The method was originally developed for fixed width layouts, but...
Three column fluid CSS layout with rounded content corners and 100% height
There are many examples of rounded corners made with CSS, but not many (or none?) where the box with the rounded corner is used within a three column fluid layout with 100% height...
Accessible fold-out menu using CSS and Javascript
This tutorial will explain in detail a technique for creating accessible, standards compliant, cross-browser, gracefully degrading multi-level fold-out menus using a minimum...
The only CSS layout you need(?)
One of the arguments for switching from table based layout into CSS based layouts are the flexibility CSS gives us. However, despite the flexibility, you have maybe experienced...
Flexible floated two column CSS layout
There are many tutorials about how to make two column CSS layouts, and you have maybe seen one that looks similar. Anyway, here is a solution which is quite flexible when...
Relatively Absolute
Web design usually means something more than just fonts, colours and graphical elements. It also implies some sort of layout. A web designer has three available tools...
Multi Column layout with CSS3
CSS3 offers a new way to arrange text news-paper wise, in columns. Multi-column layout is actually a module on its own. It allows a webdeveloper to let text be fitted...
Pseudo-class :target, useful CSS3 selector on the stairs
The CSS3 pseudo-class :target is a useful method for identifying the target element within a document.
Mozilla CSS for spotting nofollow links
One of the search engines methods to combat search engine spamming were to introduce the "nofollow" attribute. However, nofollow is heavily misused amoung webmasters...
CSS breadcrumb using background image
Breadcrumbs is a term used to describe hierarchical links that tell the visitor where he/she currently is on your site. Visually breadcrumbs are just links...
Different font color than line-through color with CSS
I got a question if it was possible to make the linethrough in red and still have the font color in black. The answer to this is that it's not possible,...
CSS: Faux columns
One of the questions often asked is the following: How to get the column’s background color to extend all the way down the page? It’s a simple...
Creating a Star Rater using CSS part two
Many of you have seen comments and reviews on sites such as Netflix and Amazon. Most of these reviews, as in Amazon’s case or Movies, as in Neflix’s...
footerStickAlt: 100% height CSS-layout with footer
A web page footer positioned either at the bottom of the browser window or at the bottom of the Web page – whichever is visually lowest, can...
Forms with style - Fieldsets & Labels
Designing forms for the web can be both fun and frustrating, and it certainly requires a great deal of persistence and determination. Custom...
CSS: Double List
Make a simple unordered list which will display as two columns.
CSS: MapPop
Combine an accessible CSS image map and pure CSS popups into one very useful feature for your site. This is fairly complex CSS made...
CSS: Smart Corners
Learn how to make rounded corners on boxes for your site. These use tiny images but employ a much more semantic markup than some...
CSS; Simple Tabs
Create a simple tabbed-navigation menu for your site. Completely accessible.
