Tag: css

itemprop="url"

Problem I had the following code like so: <div class=”someborder”><a href=”#”><img src=”someimage.png”></a></div><div>some text</div> The class “someborder” basically made a border around the image.  The problem was that there would be some space under the image and then the border would

Tagged with: ,

itemprop="url"

The guys on stackoverflow are just geniuses.  This is one way to make beautiful text inner shadows:   .depth { display: block; padding: 50px; color: black; font: bold 7em Arial, sans-serif; position: relative; } .depth:before, .depth:after { content: attr(title); padding:

Tagged with:

itemprop="url"

It is now easier than ever to make an image greyscale in CSS. [prettify class=”xml”] <svg xmlns=”http://www.w3.org/2000/svg”> <filter id=”grayscale”> <feColorMatrix type=”matrix” values=”0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1

Tagged with: ,

itemprop="url"

Since Safari 3.x, you can now have a firebug-like tool in Safari.  Either open terminal and copy-paste the line below or edit the plist file here ~/Library/Preferences/com.apple.Safai.plist. defaults write com.apple.Safari WebKitDeveloperExtras -bool true Most websites stop there saying “you should now

Tagged with: ,

itemprop="url"

Problem I have a fixed footer and some content with a background.  The designer wants the content background to expand all the way to the bottom whether there’s a lot of content or no content at all.  This seemed relatively

Tagged with: ,

itemprop="url"

Apparently IE 8 cannot change the display of a element to inline-block unless it natively is inline.  The fix is to trigger hasLayout on the element before trying to change it.  Below is a code snippet to get elements to

Tagged with: ,

itemprop="url"

Problem One of the smaller pages on a wordpress site I was working on printed about 75 pages in Interent Explorer (73 of which were blank).  Both Firefox and Chrome printed the normal 1-2 pages.  Only the contact us page

Tagged with: , ,

itemprop="url"

A collection of opacity syntax for multiple browsers. .img_transparent_class { /* IE 8 */ -ms-filter: “progid:DXImageTransform.Microsoft.Alpha(Opacity=50)”; /* IE 5-7 */ filter: alpha(opacity=50); /* Netscape */ -moz-opacity: 0.5; /* Safari 1.x */ -khtml-opacity: 0.5; /* Good browsers */ opacity: 0.5; }

Tagged with: , ,

itemprop="url"

Found a great article that demonstrates vertically centering multiline text.  It uses display:table and display:table-cell among some IE hacks. Found a better post on stack overflow that does this.  The idea is to have an outer div with a specific

Tagged with: ,

itemprop="url"

Problem I am replacing a two-column table where the first column is on the left with a width about 90% and the 2nd column is on the right with a width of 10%.  The following HTML does not work as

Tagged with:
Top