Useful CSS tips

  • Revision slug: Useful_CSS_tips
  • Revision title: Useful CSS tips
  • Revision id: 192229
  • Created:
  • Creator: Lombardp
  • Is current revision? No
  • Comment /* Link to new Tips added */

Revision Content

Several useful tips about CSS usage will be presented in this article. Each tips is intended to be as short as possible and to provide informations about properties and characteristics much wanted but less known or subject to common errors.

Useful CSS tips:Color and Background

Opaque text on translucent background

Useful CSS tips:Tables

How to center a table
The right border for your table
Styling columns with a pure CSS solution
Table with scrolling body and fixed header

Useful CSS tips:Links

The correct order for anchor pseudo classes
Hover behaviour where there is no text

Revision Source

<p>Several useful tips about CSS usage will be presented in this article. Each tips is intended to be as short as possible and to provide informations about properties and characteristics much wanted but less known or subject to common errors.
</p>
<h4 name="Useful_CSS_tips:Color_and_Background"> <a href="en/Useful_CSS_tips/Color_and_Background">Useful CSS tips:Color and Background</a> </h4>
<dl><dd> <a href="en/Useful_CSS_tips/Color_and_Background#Translucent_background">Opaque text on translucent background</a>
</dd></dl>
<h4 name="Useful_CSS_tips:Tables"> <a href="en/Useful_CSS_tips/Tables">Useful CSS tips:Tables</a> </h4>
<dl><dd> <a href="en/Useful_CSS_tips/Tables#Centering">How to center a table</a>
</dd><dd> <a href="en/Useful_CSS_tips/Tables#Borders">The right border for your table</a>
</dd><dd> <a href="en/Useful_CSS_tips/Tables#Columns_style">Styling columns with a pure CSS solution</a>
</dd><dd> <a href="en/Useful_CSS_tips/Tables#Fixed_header">Table with scrolling body and fixed header</a>
</dd></dl>
<h4 name="Useful_CSS_tips:Links"> <a href="en/Useful_CSS_tips/Links">Useful CSS tips:Links</a> </h4>
<dl><dd> <a href="en/Useful_CSS_tips/Links#Anchor_Pseudo_Classes">The correct order for anchor pseudo classes</a>
</dd><dd> <a href="en/Useful_CSS_tips/Links#Hover_where_there_is_no_text">Hover behaviour where there is no text</a>
</dd></dl>
Revert to this revision