Snipplr

(CSS) Catch unsized images using CSS - ajbatac

Wed, 27 Jul 2011 00:46:14 GMT

(CSS) CSS Rounded Corner - Savio

Wed, 13 Apr 2011 19:41:49 GMT

(CSS) Cross Browser Vertically and Horizontally Centered Images in CSS without Tables - alp

Mon, 14 Feb 2011 03:04:48 GMT

this centers an image of unknown size vertically and horizontally within a box

(CSS) Sliding Door Buttons - Yahosh

Wed, 08 Dec 2010 06:12:10 GMT

(CSS) CSS: Submit Button Background Images - karlhorky

Sat, 10 Jul 2010 08:45:15 GMT

There are three different types of elements that submit forms: * <input type="image"> * <input type="submit"> * <button type="submit"> Logically, it would seem that you would want to use input type="image" if you wanted to display an image instead of a default button. However, using input type="image" causes the page to submit two extra variables for your x and y mouse click coordinates on the image as below. Unless you are specifically using this for advertising or some purpose that takes advantage of the coordinates, this is just unnecessary data that also causes the URL to become more complex. Example URLs: * type="submit" * http://www.site.com/form.php?query=searchterm * type="image" * http://www.site.com/form.php?query=searchterm&x=0&y=0 Additionally, if you do not require additional information pertaining to the submit to be passed to the server (eg. you do not need to have two submits with different purposes), you can use a button element instead of an input. This also allows for simple hiding of the display text as outlined with the .hide-text class in this snippet (for if you wanted to put the text in the image instead). This solution has been tested to work in: * Microsoft Internet Explorer 6, 7, 8 * Mozilla Firefox 3.6 * Google Chrome 5 * Apple Safari 5 * Opera 10

(CSS) Cross Browser Round Corners - crispunk

Sat, 26 Jun 2010 09:11:51 GMT

Cross browser css round corners with no images, using google's code .htc http://code.google.com/p/curved-corner/

(CSS) Easy Cross-Browser Compatible Way to use PNG's with Alpha using only CSS - adamcoulombe

Tue, 03 Nov 2009 15:46:30 GMT

This is a 3 liner to use PNG images that contain alpha in IE6... fairly simple. First line is any styles we want to apply, including height and width. Second line we use alphaimageloader to load the PNG for ie6. The third line is for every other browser. This could also be done without the need for CSS hacks if you are going to have an IE6 specific stylesheet.

(CSS) Image Alignment - nerdfiles

Thu, 17 Sep 2009 05:02:42 GMT

(CSS) Multiple background images in css - scopefragger

Tue, 01 Sep 2009 18:12:50 GMT

Ever needed to use to background images in a table or div? It is possible b just using css. Although this is yet to be a standard safari will allow you to apply 2! Css backgrounds, however IE, FIRFOX and retro opera users will only see 1 !

(CSS) Preload images using CSS - SunilTee

Tue, 11 Aug 2009 08:12:38 GMT

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.

(CSS) Title and Alt attributes on Images for ie8 - webdevelopertut

Mon, 13 Jul 2009 12:44:01 GMT

(CSS) Cool CSS way to make left- or right-aligned (but not "styled" or "classed") images look pretty with no HTML change. - kossmoss

Mon, 20 Apr 2009 19:19:11 GMT

When we can't or won't change the code of image tag with align attribute, but no 'style="margin: 0 10px 10px 0;' or 'hspace=10px' (IMHO, hspace makes bad looking layout in most cases) code within (just pure code), we can use simple CSS rules for such an images to make them good looking.

(CSS) CSS Image Framing - An Easy Way To Style Images Using CSS - neal_grosskopf

Thu, 05 Feb 2009 08:03:19 GMT

A tutorial showing you how to give your images some style using only CSS rather than using Photoshop to give images a border/frame.

(CSS) Crossbrowser (Fake) Double-Border - sidisinsane

Fri, 28 Nov 2008 09:47:28 GMT

A simple way to create a double-border effect (i.e. for images) in all browsers.

(CSS) Remove dotted border on images (e.g., in Firefox) - charmcitycoder

Tue, 25 Nov 2008 14:02:02 GMT

Remove that pesky dotted border around img elements, especially images inside / link tags.

(CSS) Vertical Centering of Images - teddyzetterlund

Mon, 25 Feb 2008 10:38:17 GMT

I can't remember if this code is updated for IE7, if it is then it should be working in at least IE6-7, Safari 2-3, Opera 8 and Firefox 2-3. Obviously the image_iefix is just for IE6.

(CSS) CSS Image Preloader - aznprncritic

Sun, 04 Feb 2007 19:47:05 GMT

A low-tech but useful technique that uses only CSS. After placing the css in your stylesheet, insert this just below the body tag of your page: "". Whenever the images are referenced throughout your pages they will now be loaded from cache.

(CSS) Using CSS background images for bullets - assbach

Wed, 27 Dec 2006 11:13:43 GMT

copy form maxdesign!