HTML & CSS

HTML5 is the new HTML standard. Here comes resources for HTML5. It’s ment to grow.

1

CSS3 creates new possibilities. Here is a list of great CSS3 articles.

This list of CSS resources will be updated when new great CSS tricks are found.

2

The advantage of a grid system in HTML / CSS is that you have more control over your site. It makes you work faster and more exact.

Tdude
2010-07-08 @ 09:23
Hej!
Keep up the good work with grids! I've probably tried them all, but stuck with the easy and lightweight 1kb Grid. I don't need to remember widths...
Anita
2010-02-01 @ 06:02
Each time I try to look at a demo or preview I get a 404.

5

It’s not very easy to create a topmenu as a list with centered list style elements. However it’s possible and here is how to do it.

Arsalan
2011-08-21 @ 16:59
Thanks, very useful and easy to learn. Works good
Anwar
2011-06-17 @ 21:19
Simple and very useful. Thank's Paolo
Petre Tudor
2010-10-08 @ 08:09
simple and easy to understand. thanks!

Did you know that CSS3 supports text shadows? A text shadow is what it sounds like, a shadow to a text, from all possible angles.

5

How do I set text-decoration: underline to dotted or dashed? Don’t use text-decoration at all. Use border-bottom on the anchor tag instead.

Alex
2011-01-18 @ 08:59
IE6 requires display:inline-block; to be placed in the links in order to show the bottom border.
william
2010-09-17 @ 04:01
I,ll try this again see if it posts. I am using 3.0 and have not been able to get and sitemap plugin to work with permalinks set at /%postname%/ can [...]
Bill Albing
2010-06-24 @ 15:44
It has also been suggested that you first remove any text decoration (such as underline) before you define a bottom border. See the tips here:
http://webdesign.about.com/od/beginningcss/a/change_link_underline_styles.htm

1

Do you add multiple stylesheets in your HTML file? Instead of putting multiple rows of data in your HTML file, add them into your CSS file.

Nushae Fahey
2010-01-27 @ 16:41
I wouldn't use a blanket "don't do this" statement here. There are two reasons why you would (and should) use multiple stylesheet links instead of @import:

1) alternate media stylesheets, for [...]

6

In Firefox there is a border around the anchor element when it’s clicked. You can get rid of this dotted anchor border by disable it in CSS.

Prasanna
2010-11-14 @ 07:09
Thanks a lot , I goggled for 2 hours to find the solution finally got it here.
BD
2010-11-05 @ 22:56
this does not work in IE 8, FF 3.6 nor any version of Opera. bummer
Frank8u0
2010-10-02 @ 23:19
Thanks man, simple and clean. amazing little thing.