Welcome To Snipplr


Everyone's Recent CSS Snippets Tagged html



0 922 posted 15 years ago by chiesalo
[via rtcrm] Image/Text replacement for clickable image. This is useful for logo images.
1 1207 posted 15 years ago by mennyj
[via rtcrm]
0 1130 posted 15 years ago by mennyj
Apply an inline-block to all browsers, including IE6 and IE7.
0 1200 posted 15 years ago by Meander365
0 1305 posted 15 years ago by kanampo
This is handy for cleaning up your HTML to use more plain text and fewer img tags. Whether this is SEO friendly or not is subjective. I tend to think it's fine as long as you don't use it for spam. Digg implements a similar method for their main logo...
1 1894 posted 16 years ago by adamcoulombe
Summarised snippet of Natbat's article: http://natbat.net/2009/Jun/10/styling-buttons-as-links/ Any link that that initiates an action, rather than just changing a page should semantically be a form with a submit button not a l ink. However you ca...
3 2153 posted 16 years ago by PeteW
This is a really useful techniques for preloading images on your website. Just place this code after the body tag in the CSS file. Everytime you refer to this image in your CSS file the image will be loaded from cache.
1 1259 posted 16 years ago by SunilTee
1 1255 posted 16 years ago by benedikt
Easily Modify and Layout html with classes that on the fly create margins
0 1288 posted 16 years ago by chrisjlee
When you can't use firebug to discover cross browser compatibility problems (i.e. internet explorer 6) then what's the fastest way to see the padding and margins? A quick solution is adding a css debug class to your container. Feel free to change...
0 2840 posted 16 years ago by chrisjlee
1 1344 posted 16 years ago by hotdiggity
To centre, make "line-height" the same as the div height.
0 2420 posted 16 years ago by hotdiggity
A replacement for now deprecated align attribute: <img>
1 1325 posted 16 years ago by hotdiggity
Learn how to create drop caps using CSS and no extra HTML markup in this short tutorial.
1 1527 posted 16 years ago by neal_grosskopf
Learn how to style the HTML code element with CSS using CSS counters. CSS counters are the CSS equivalent to variables. In my tutorial I use CSS counters to emulate line numbers for my code block.
2 1782 posted 16 years ago by neal_grosskopf
A tutorial showing you how to give your images some style using only CSS rather than using Photoshop to give images a border/frame.
1 1747 posted 16 years ago by neal_grosskopf
0 1666 posted 16 years ago by jitendraweb
Fortunately there are a couple of workarounds which are also explained in this article at Position Is Everything:
1 994 posted 17 years ago by dvdrtrgn
In Firefox and Internet Explorer, the table caption element will be a pixel narrower than in other browsers. Find out how to fix this annoying problem.
1 1317 posted 17 years ago by neal_grosskopf
A series of tests to determine the best way to preload css images on elements that by default are hidden.
2 1491 posted 17 years ago by neal_grosskopf
Creates a drop shadow for a div. In IE I can't get `filter:alpha(opacity=__)` to work right, but it degrades gracefully without it so I left it out.
5 1696 posted 17 years ago by wizard04
CSS Diagnostics allows web designers and developers to highlight invalid HTML using CSS selectors. Say goodbye to the font tag by highlighting it in a large obnoxious border. It also has the ability to highlight 404 pages, old CSS classes and old Jav...
7 2975 posted 17 years ago by neal_grosskopf