Articles listed by Author
David Dorward
-
Dot Notation and Square Bracket Notation in JavaScript
In JavaScript, everything is an object. Put simply, this means that any variable can have properties which are other objects. There are two different syntaxes for accessing properties which this article explains and compares. ——
( ) -
Multiple HTML submit buttons - a shortcoming of Microsoft Internet Explorer and what you can do about it
——
( )
Jan Roland Eriksson
-
A set of CSS box model examples
- ——
( ) -
A Scalable Layout Example
A step by step example of how to suggest a fully scalable page layout based on the use of floating DIV boxes. The result as described is not suitable for NS4x browsers. ——
( ) -
Basic "old timers" typesetting practices, ch.1
- ——
( ) -
About NS4x and JSSS
- ——
( ) -
Implementation of line-height
- ——
( ) -
Another way to think about font-size control
- ——
( ) -
ciwas-mFAQ-rev
——
( ) -
ciwas-aFAQ-rev
——
( ) -
nn-headers
This Netscape bug may be overcome by ensuring that whitespace separates style elements. Given the style: ——
( ) -
diploma
The purpose of this example page is to illustrate how a CSS "layer" can be created using the HTML 4 version of the
DIV
element. —— ( ) -
markup-tagsoup
The idea that a tag constitutes a command or directive, or in general by itself conveys semantic information. It doesn't. —— ( )
-
markup-entities
——
( )
Mark Fuller
-
mark-tip
In the 2nd Amendment Law Library, Mark Fuller shares Law Journal articles and book reviews relevant to the Second Amendment (and a neat little 'Lynx Inspected' icon). His grouping of icons lined up beautifully in Netscape Navigator 4x, leading to the solution below. —— ( )
-
liam-tip
——
( ) -
lars
——
( )
Regular partisipants of 'ciwas'
-
ciwas-mFAQ
——
( ) -
ciwas-aFAQ
——
( )
Sue Sims
-
Color Considerations
- ——
( ) -
CSS and Font declarations
- ——
( ) -
Translations from HTML to CSS
- ——
( ) -
david-on-font
Does the specificity of CSS rules mean that they override non-CSS markup like <FONT>? ——
( ) -
nn-resize
——
( ) -
anchors
——
( ) -
notafaq
——
( ) -
maroon-fuchsia
——
( ) -
dhtml
These references were compiled through a cooperative effort by Toby Brown, Jan Roland Eriksson and Sue Sims. Suggestions are welcome, as are critiques of any of the references listed. —— ( )
-
tools
——
( ) -
yellow-navy
——
( ) -
tip-3
Colors in HTML ——
( ) -
chicago-style
——
( ) -
red-black
——
( ) -
bugs-nn
Interminable discussions on the CSS newsgroup have revolved around implementation problems and 'workarounds'. This summary is an attempt to provide the collective wisdom gleaned from those posts. No exhaustive attempt is made to describe elements that are unsupported. Reference for such elements should be to the Master Grid provided by Eric Meyer at Webreview. —— ( )
-
other
Special thanks to Jelks Cabaniss for providing additional links, as well as several contributors to the XSL list. —— ( )
-
form-inherit
——
( ) -
border-suppress
——
( ) -
philosophy-sue
——
( ) -
black-red
——
( ) -
bugs
Bjoern Hoehrmann has provided IE5 test cases for CSS bugs.NGLayout bugs have been summarized by David Baron. —— ( )
-
oldbugs
——
( ) -
NN-border
——
( ) -
hilite
——
( ) -
ciwast-rationale
AFAICT, Arnoud Engelfriet, the proponent for the establishment of ciwa-stylesheets, is also the author of this rationale. ——
( ) -
list-tests-lh
——
( ) -
archives
In a galaxy far, far away, in a time barely remembered, these links were compiled by Toby Brown, Jan Roland Eriksson, and Sue Sims. In the fullness of time, these links were replaced by others. To recognize the early work of CSS authors seems to be reason enough to include these early links in this archive. —— ( )
-
books
To purchase CSS books through Amazon, please feel free to utilize the collection we've gathered. ——
( ) -
css-emoticons
——
( ) -
span-hide
——
( ) -
ul
People frequently ask in HTML authoring groups how to suppress the underline that they see on the text of links. The manner in which links are shown is really a browser issue. Some browsers might choose to represent links by displaying them in a 3-d effect box or with a highlighted background. Viewers of HTML documents may have come to 'expect' that an underline indicates a link. Additionally, users with monochrome monitors may have no idea that a link exists, if the underline 'clue' is absent. Suppressing the underline for such viewers would be more confusing than helpful. See the Hypertext Now article as well as Jakob Nielsen's Top Ten Mistakes in Web Design for further discussion of the issues. —— ( )
-
tip-6
Howard Marvel writes: ——
( ) -
navy-yellow
——
( ) -
surprise3
——
( ) -
stickynote
——
( ) -
white-blue
——
( ) -
header-size
——
( ) -
fuchsia-maroon
——
( ) -
position
——
( ) -
tip-1
Subject: External Style Sheets ——
( ) -
point-tip
Problem: CSS is cool, but if you take full advantage of it, it blows up in IE3 and NS4, with some major glitches even in IE4. How to get around the hump? One way is to write separate stylesheets for each implementation, and serve each with a script. This is tedious, and tends to encourage workaround coding, which will turn buggy behavior into "legacy support issues." ——
( ) -
bugs-ie
Interminable discussions on the CSS newsgroup have revolved around implementation problems and 'workarounds'. This summary is an attempt to provide the collective wisdom gleaned from those posts. No exhaustive attempt is made to describe elements that are unsupported. —— ( )
-
dominique
——
( ) -
ciwast-charter
——
( ) -
tip-5
Peter Thompson reported the following problem: ——
( ) -
bugs-opera
Interminable discussions on the CSS newsgroup have revolved around implementation problems and 'workarounds'. This summary is an attempt to provide the collective wisdom gleaned from those posts. No exhaustive attempt is made to describe elements that are unsupported. Reference for such elements should be to the Master Grid provided by Eric Meyer at Webreview. —— ( )
-
tip-2
——
( ) -
div-nested
Bjoern Hoehrmann has provided IE5 test cases for CSS bugs.NGLayout bugs have been summarized by David Baron. —— ( )
-
surprise2
——
( ) -
snippets
Bits and pieces from hither and yon. Suggestions are welcome, as are complaints. Each will get the attention it deserves. Bits and PiecesBuggy BehavioursErsatz FAQsColor ConsiderationsPublication GuidelinesContact InformationCSS Pointers Bits & Pieces Downlevel browsers Authors may wish to design their HTML documents to be viewable on older browsers that don't recognise the STYLE element. Unfortunately any style statements placed within a STYLE element will be visible to users. Some style sheet languages such as CSS allow the style statements to be enclosed in an SGML comment, for instance: <STYLE TYPE="text/css"> <!-- H1 { color: red } P {color: blue } --> </STYLE> Note that for user agents conforming to this specification, the comment is interpreted by the application and not the SGML parser. Highlight bits of text with a simple declaration. —— ( )
-
tip-7
In a message on the www-style list, William Humphries notes that attribute values of % and em, used on margin-left, do not behave as expected. ——
( ) -
blue-white
——
( ) -
tip-4
In ciwa.stylesheets, Jelks Cabaniss responded to the following problem by suggesting the use of absolute URLs in CSS files: ——
( ) -
ciwast-first
——
( ) -
CSS-caveats
——
( ) -
surprise1
——
( ) -
dropcap
With the inclusion of the pseudo-element, first-letter in CSS1, the W3C held out the tantalizing promise for potential use of the typographic convention often called "drop cap". UAs did not rush to implement this pseudo-element, however: ——
( ) -
center-table
The example table below was centered with the following rules: ——
( ) -
highlight
The question of whether CSS can coexist with HTML attributes arises frequently in the comp.infosystems.www.authoring.stylesheets newsgroup. A transitional DOCTYPE has been provided for authors who want to provide presentation suggestions for what may be referred to as 'legacy browsers', and the lists below show the use of CSS named colors used in conjunction with HTML's <STRONG> and <EM> attributes. —— ( )
-
font-size
The CSS1 Recommendation provides multiple methods for suggesting font sizes. Not all variations are supported equally by current implementations. These tests provide a means of gauging the rendering results of these suggestions. Selective fonts used are those which are available on the PC and iMac available to me. YMMV if the fonts are not available on your system. ——
( ) -
element-levels
——
( ) -
justify
——
( ) -
font-family
A question often asked is for a definitive list of fonts available on either Mac or pc. No such list is possible. A user may have deleted some system supplied fonts, replaced them with similar fonts, re-named them, or changed the folder in which they are located. The fonts shown below are available on *my* particular set up, at this particular moment. Those marked with '*' are available on both iMac and pc. Mac specific fonts included on the iMac are shown with a background. If they are unavailable on *your* system, then your default font should be shown instead. Screen shots are available for comparison purposes: —— ( )
-
align
The CSS "float" property applies to all elements, and is not inherited. It is especially useful for inline IMG elements, which are treated as block elements when the float property is applied to them. ——
( ) -
pullquotes
Combination of this technique with other typographic conventions, such as first line indent, would prove too distracting visually, and should be avoided. In this example, a sans-serif font was used, with italics, to further emphasize the pullquote. ——
( ) -
imported
Imported CSS: @import used to call an external style sheet, used either in the <HEAD>...</HEAD> section, or in another external file. ——
( ) -
inline
Inline CSS are individual declarations to suggest style, or to alter style established by the default external style sheet. ——
( ) -
workarounds
A major source of frustration for CSS authors are implementation differences in popular browsers. One such difference is the application of background color to elements. Internet Explorer 4x renders the color across the width of the screen, whilst Netscape Navigator 4x limits the width to the actual width of the text. Through the luck of the 'draw' ;-), it was discovered that adding the ruleset border: 1px; to a declaration changed the NN rendering to be similar to the IE rendering. An additional suggestion in the newsgroup, ciwas, led to the adoption of: border: none; to declarations. Using a Netscape 4x browser, you may observe the rendering differences below. Note that the Header required the addition of a margin. ——
( ) -
css-columns
——
( ) -
embedded
Embedded style are style statements contained within the <HEAD>...</HEAD> section of the HTML file. ——
( ) -
font-weight
——
( ) -
drop-caps
——
( ) -
green-bar
——
( ) -
list-template
CSS2 offers a complex mechanism for implementing automatic counters and generated text through the combination of several properties. These properties are listed below, then examples are provided. As of 30 August, 1998, no UA has implemented the necessary portions of CSS2 to make the examples utile. ——
( ) -
indent
Occasionally, authors would like to duplicate the typography convention of a 'first line indent', which is often used in novels. With CSS, this becomes as easy as specifying the following ruleset in your CSS file: ——
( ) -
blockquotes
In an effort to control the visual layout of web pages, many authors have adopted a set of tricks to ensure pixel-perfect control of the way a user views the documents they have crafted. These tricks include spacer.gifs, tables, frames, misuse of <BLOCKQUOTE> for indentation, and all the sundry attributes that browser manufacturers have thrown their way (hspace, marginwidth, frameborder, etc., etc. ad naseum). ——
( ) -
suppress
People frequently ask in HTML authoring groups how to suppress the underline that they see on the text of links. The manner in which links are shown is really a browser issue. Some browsers might choose to represent links by displaying them in a 3-d effect box or with a highlighted background. Viewers of HTML documents may have come to 'expect' that an underline indicates a link. Additionally, users with monochrome monitors may have no idea that a link exists, if the underline 'clue' is absent. ——
( ) -
body-border
——
( ) -
font-variant
The CSS1 Recommendation provides two choices for the font-variant property: normal, and small-caps. Not all implementations support small-caps. These tests provide a means of gauging the rendering results of these suggestions. font-variant - generic family font-family: cursive font-variant: normalfont-variant: small-caps —— ( )
-
shadow
Although the CSS2 property text-shadow allows interesting chiariscuro, UAs have not rushed to implement it. An example usage might be: ——
( ) -
font-weight2
——
( ) -
dep-examples
The CSS way: ——
( ) -
font-style
——
( ) -
forms-css
This is the result: ——
( ) -
borders
This is an example of the use of borders to set off a paragraph from the rest of the text on a page. A combination of rules had to be used to suggest similar rendering in two popular browsers. ——
( ) -
hr-workaround
——
( ) -
font
This demonstrates xx-small. —— ( )
-
table-example
Based on the number of questions asked about tables in both ciwah and ciwas, authors have an understanding of neither the concept of using tables to present tabular data, nor the flawed model for inheritance. Information from Netscape's known CSS bugs page states: —— ( )
Sue Sims, Toby Brown, and Roland Erikkson
-
philosophy
Named by Site Lights columnist, Nadja Vol Ochs, the people responsible for the collaborative effort known as CSS Pointers include: Toby Brown, Roland Eriksson, and Sue Sims. —— ( )
Tina Holmboe
-
XHTML - myths and realities
It is difficult to find a web development language today which is as misunderstood as XHTML. In the following article we’ll examine why, sort out a few concepts that frequently confuse authors, and offer practical suggestions on real–life XHTML usage. ——
( ) -
On Transitional and Strict
This article will describe the difference between the three flavours of HTML 4/4.01 and XHTML 1.0, give some examples of use, and suggest a choice of standard to work with. ——
( ) -
Custom CSS
This document detail the work done by Tina Holmboe of Greytower Technologies to build a CSS delivery system using browser–sniffing, and explain why it was ultimately given up on. ——
( )
Tobias C. Brown
-
philosophy-toby
——
( )
Unknown
-
URIs and CSS
- ——
( ) -
CSS: Lint Differences
- ——
( ) -
CSS: Striving for Perfection
- ——
( ) -
Table designs based on CSS and DIV elements
- ——
( ) -
list-style-image
——
( ) -
bg-problem
——
( ) -
first-letter
——
( ) -
ie-bug
——
( ) -
li-dummy
——
( ) -
overflow-hidden
——
( ) -
body-100
——
( ) -
border-on-pre
——
( ) -
hr-percent
——
( ) -
nn-backcolor
——
( ) -
external
An external style sheet is one saved with the extension .css which contains declarations used in all linked files. ——
( ) -
layer-ex1
- ——
( ) -
layer-ex2
- ——
( ) -
layer-ex4a
- ——
( ) -
layer-ex3b
- ——
( ) -
layer-ex3a
- ——
( ) -
layer-ex3c
- ——
( ) -
layer-ex3d
- ——
( ) -
layer-ex4c
- ——
( ) -
layer-ex4b
- ——
( ) -
layer-ex4d
- ——
( ) -
entity-demo
——
( )
webmaster@dev-archive.net
-
colornames
——
( )