Snipplr - zensir

(HTML) HTML element on top of a Flash movie

Tue, 30 Jan 2007 04:01:36 GMT

he solution to the problem is actually very easy. All you need to do is add a param to the object including the Flash: This has been tested to work in the following web browsers: * Internet Explorer 5.0+ * Firefox 1.5+ (I’m convinced it will work from 1.0+, but haven’t tested). * Safari 1.3+ * Opera 7.03+

(CSS) How to size text using ems - CSS

Mon, 30 Oct 2006 03:04:35 GMT

BODY {font-size:62.5%} This takes 16px down to 10px (16 x 0.625 = 10), which apart from being less huge is a nice round number. From now on it’s easy to think in pixels but still set sizes in terms of ems: 1em is 10px, 0.8em is 8px, 1.6em is 16px, etc. If you are laying out your document using CSS (which you are, right?) then you have probably used a few divs to group together elements. Apply text-size to these divs and your job is almost done. Consider a two column layout with header and footer:

(HTML) Flash Satay: Embedding Flash While Supporting Standards

Fri, 01 Sep 2006 11:52:57 GMT

by Drew McLellan I’ve worked with Flash for several years and have always been slightly dissatisfied with the markup needed to embed a movie in web pages. When I recently published a site in XHTML, my dissatisfaction with the markup grew as I realized that it simply wasn’t valid in this context and was bloating my pages to unacceptable levels. A leaner, standards-compliant method of embedding Flash movies was called for.

(CSS) Accessible CSS Forms: Using CSS to Create a Two-Column Layout

Thu, 31 Aug 2006 13:20:42 GMT

In a recent study of web design patterns, Dr. Melody Ivory found that accessibility is the most underutilized aspect of good web page design (Ivory 2005). In fact websites have become more complex and less accessible over time (Hackett 2003). Less than 20% of the Fortune 100 have websites that are fully accessible (Loiacono 2004). Accessible forms are one way to combat this disturbing trend. With CSS layout, you can create two-column forms without the use of tables to save space and time. This article shows how to create a simple two-column contact form using CSS to style structural elements that is both fast and accessible. A survey of CSS-based forms revealed many variations on a theme (see Vandersluis 2004). Most use block-level floats and margins to position form elements on the page. However, in my testing I found IE5.x Mac to have rendering problems with many of these forms. After numerous iterations, I arrived at a solution that worked for IE5.x Mac as well as Safari 1.07 Mac, Firefox 1.07 Win/Mac, IE 6 Win, Camino, and Opera. Our goal here is to create a simple accessible contact form without the use of tables (see Figure 1).

(CSS) Background images for bullets list

Mon, 28 Aug 2006 04:59:27 GMT

To move the content away from the background image apply "padding-left" to the "LI" element. In this case "0.6em" has been used. As with vertical alignment, list padding will be determined by the size of your image.

(JavaScript) Resize a Popup to Fit an Image's Size

Mon, 28 Aug 2006 04:53:46 GMT

Resize a Popup to Fit an Image's Size By Peter Todorov February 10th 2003 Reader Rating: 9.1 If you're a Webmaster who has to deal with image galleries, then make a note of this clever script. It gives you a solution to a very common problem -- how to resize a popup window to fit the image sizes displayed in it. The script works in NS 4/5/6/7 and IE 4/5/6.

(JavaScript) Setting target=“_blank” to external links and standards

Wed, 23 Aug 2006 14:09:18 GMT

If you want your pages to be valid XHTML-Strict, but you also wish to open external links in new window, the following snippet is doing just that—sets attribute target=“_blank” to all external links in a document to keep your code valid XHTML-Strict. You’ll just have to change variable yourURL. Don’t enter http://www. part of your domain, otherwise something like http://sample.com/ will be treated like any other external link.

(CSS) Table with style, CSS

Wed, 16 Aug 2006 14:52:13 GMT

Table with style as in; http://24ways.org/examples/tables-with-style/table_columns.html

(HTML) image html code

Tue, 15 Aug 2006 18:58:29 GMT

(HTML) html link new window

Tue, 15 Aug 2006 18:56:13 GMT

(CSS) border image rollover effect cross browser

Tue, 15 Aug 2006 12:01:47 GMT