Category Archive for “Structure[ page 2 ]

URL Character Codes
URL’s frequently employ potentially conflicting characters such as question marks, ampersands, and pound signs. Fortunately, it is possible to encode such characters via their escaped hexadecimal ASCII representations. For example, we would write "?" as "%3F". Here are a few more URL character codes (case-insensitive):     %3E #     %23 %     %25 {     %7B }     %7D |     %7C \     %5C ^     %5E ~     %7E [     %5B ]     %5D `     %60 ;     %3B /     %2F ?     %3F :     %3A @     %40 =     %3D &     %26 $     %24 +     %2B "     %22 space     %20 References network-tools.com URL Encoding
Embed QuickTime Notes Plus
This post contains random notes for embedding QuickTime within web pages. QuickTime Embed Attributes via CSS (X)HTML Code for Embedding/Including QuickTime Other Notes.. There are also several attributes providing "href" functionality: href="http://domain.com/new-movie.mov" target="myself|quicktimeplayer|browser" href="onclick..." (for multiple targets) autohref="true" Here is a canned link to include for those without ...
Feed your Image via Atom or RSS
This quick tutorial explains how to add images to both Atom and RSS feeds. Although both formats allow for image-inclusion, feed-reader support for image-display is currently quite limited. Hopefully, that will change in the near future.. Images for Atom Feeds Images included within Atom feeds must have a ratio of either 1:1 or 2:1. There are no other restrictions as to file type or size. Use the XML element for URL’s targeting 1:1 images. Otherwise, use the XML element for URL’s targeting 2:1 images. Either element should be placed in the element: http://domain.tld/path/icon.ico http://domain.tld/path/logo.gif Images for RSS Feeds RSS supports images with a maximum width of 144px and ...
Embed Flash and Video via the object Tag
Embed Windows Media Player via the object tag Here is the general format for including .wmv files in web pages: Embed Windows Media Player via object and classid Here is the general format for including .wmv files in web pages using classid: ...
Embed External Content via iframe and div
By using an within a , it is possible to include external web content in most any web document. This method serves as an excellent alternative to actual frames, which are not as flexible and definitely not as popular. Indeed, with CSS, the placement, sizing, and styling of div’s provides endless possibilities for embedding external or even internal web content into pages that would otherwise require the use of frames, Flash, or JavaScript. This method works on any modern browser, as well as any old browser that understands both and tags. Simply add the following code to your document and style according to your specific needs:...
Exploring the (X)HTML Link Element
Most Web authors are familiar with the <link> element included within the <head> element of many (X)HTML documents. The <link> element enables authors to associate external resources to the (X)HTML document. <link> element references include various types of metadata, navigation, and styling information. This brief post provides examples of these and other important uses of the (X)HTML <link> element....
Absolutely Centered Layout
Absolute Centering with CSS & (X)HTML Designing an absolutely centered layout involves centering a division both horizontally and vertically. When this is done, the centered division (or other element) is centered according to the browser window. To accomplish this, use this (X)HTML: And employ this CSS (commented with explanations): body { background-color: #333; /* cosmetic */ margin: 0px; /* required */ } div#wrapper { background-color: red; /* cosmetic */ height: 0px; /* set to taste */ /* required */ position: absolute; overflow: visible; display: block; width: 100%; left: 0px; top: 50%; } div#center { background-color: #666; /* cosmetic */ border: 3px solid #FFF; /* cosmetic */ overflow: auto; /* set to taste */ position: absolute; /* required */ left: 50%; /* required */ margin-left: -200px; /* half of width */ width: 400px; ...
Fun with Downlevel Conditional Comments
Ever since Internet Explorer 5 (IE5), Microsoft has included browser support for "downlevel conditional comments," a non-scripted method of browser detection. Downlevel conditional comments (DCC) are a useful tool for targeting directives to specific versions of Internet Explorer. Downlevel conditional comments consist of an opening statement and a closing statement. Taken together, the statements enclose markup, CSS, JavaScript, or any other element typically included within an (X)HTML document. The DCC may be placed anywhere within the document and executes its contents only for the version(s) of IE specified. This technique is useful for delivering IE-specific stylesheets exclusively to specific versions of IE. Unfortunately, the last line of a DCC may invoke ...
XHTML Document Header Resource
This XHTML header tags resource is a work in progress, perpetually expanding and evolving as new information is obtained, explored, and integrated. Hopefully, you will find it useful in some way. Even better, perhaps you will share any complimentary or critical information concerning the contents of this article. Table of Contents Important Information XML Declaration The !DOCTYPE The html tag The head tag The title tag base & item http-equiv link tags meta tags ...
HTML Frames Notes Plus
If you think that nobody uses frames anymore, think again. I personally know of one person who threw down some tuf HTML frame action for a personal site. So, in the interest of prosperity, we are hereby establishing this post as our official dumping ground for all HTML frame-related garbage. Break your pages out of someone else’s frames We begin our journey with a totally sick JavaScript method for breaking pages out of the illegitimate frames of some ineffectually pathetic bastard: Likewise, here is an equally effective method that should work in all JS-enabled browsers:...
Stylish Deleted Text
Fashion stylish deleted text in XHTML via the über obscure del tag. Code example: Terminate me. Live example: Terminate me.
Obscure XHTML Tags
Well, maybe not that obscure.. -- Preformatted character data -- Renders as emphasized text -- Renders as strong emphasized text -- Renders font as teletype or monospace -- Defines a definition term -- Defines computer code text -- Defines sample computer code -- Defines keyboard text -- Defines a variable -- Defines a citation -- XHTML Transitional only -- Indicates deleted text -- Indicates inserted text -- Defines a definition list -- Defines a definition term -- Defines a definition definition -- Defines an abbreviation -- Defines an acronym -- Specifies an address -- Indicates inline quoted text -- Override the bidirectional algorithm -- Word break, applied by IE and ...
Marquee Madness
For reference purposes.. Marquee Madness Marquee Madness
Pipe Symbols
Broken pipe symbol »   ¦   [ ¦ ] Unbroken pipe symbol »   |   [ | ]

Attention: Do NOT follow this link!