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.
Using CSS and a simple list to create radically different list options
Can you take a simple list and use different Cascading Style Sheets to create radically different list options? The Listamatic shows the power of CSS when applied to one simple list.
Three column layout with content first in the source code
In this three column layout the content comes before the left and right column in the source code. Strictly CSS is based on a rewritten version of this three column layout.
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 and footer....
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 that the 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...
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 for creating a layout: Tables,...
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.
Offset Class Jump Links
Learn about on-demand offset class accessible jump or skip links
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 into columns,...
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 so sometimes...
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.
IE6 Peek-a-boo bug
You have made a liquid box that has a float inside, and content that appears along side that float. All is well, until it's viewed in IE6. Your content is not there....
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.
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...
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...
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 styling of forms...
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 be a little...
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...
Fast CSS rollovers without preload
When using CSS image rollovers, two, three, or more images must be loaded (and often be preloaded for best results). In this article you are shown...
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...
Designing Accessible Navigation
This is an article outlining the characteristics of accessible website navigation. It emphasizes the advantages of CSS and standards-based...
CSS; Simple Tabs
Create a simple tabbed-navigation menu for your site. Completely accessible.
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 of...
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: 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...
