Category Archives: Web Design Best Practices
Multiple Style Sheets (The Cascade)
If some properties have been set for the same selector in different style sheets, the values will be inherited from the more specific style sheet. The CSS cascade assigns a weight to each style rule. When several rules apply, the one with the greatest weight takes precedence. For example, an external style sheet has these [...]
CSS Box Model
To understand the CSS box model you must understand that every object (element) displayed on a web page is considered to be a rectangular box which has a content area surrounded by padding, a border and margins. The padding resides inside the border and sits next to the content. The margin is outside of the [...]
CSS Border Styles
CSS controls the type of line drawn for box borders. All these borders look different but fairly similar from browser to browser. To set up the line type, you use its keyword: solid, dotted, dashed, double, groove, ridge, inset, outset, none, and hidden. Solid Border border: 6px solid #82272C; Dotted Border border: 6px dotted #82272C; [...]
CSS Syntax
Syntax The CSS syntax is made up of three parts: a selector, a property and a value: selector {property: value} The selector is normally the HTML element/tag you wish to define, the property is the attribute you wish to change, and each property can take a value. The property and value are separated by a [...]
What is CSS?
What is CSS? CSS stands for Cascading Style Sheets Styles define how to display HTML elements Styles are normally stored in external Style Sheets Styles were added to HTML 4.0 to solve a problem External Style Sheets can save you a lot of work External Style Sheets are stored in *.CSS files Multiple style definitions [...]
Dreamweaver extension to submit forms
I found some very good Dreamweaver extensions that will submit forms and either email or send to database. There are also pages that will query your database and let you edit submissions. Pretty cool. The Hot Dreamweaver input box to Insert Form to Database and Email When I teach creating forms in Dreamweaver, I always [...]
Add a Header within a Dreamweaver CS3 CSS Template
When using the pre-built templates in Dreamweaver CS3, you need to do some tweaking to get them to work for you. Dreamweaver new file window Dreamweaver prebuilt template You will want to tweak the CSS that comes with the template. The following are CSS definitions that will need to be tweaked so you can get [...]
Safari Security Flaw on Windows
Apparently, there is a security flaw in the Windows version of the Safari browser that allows many downloads at once and saves them to the desktop. This sounds like a big problem. Yet, this has been another chance for Mac haters to slam the company and it’s software. It is frustrating to me as a [...]
Javascript Breadcrumbs
Here is the javascript that I use for the navigation breadcrumb links below the above navigation links. It is a very reliable javascript. I have used this script for years, and I have tweaked it for years. Sorry, I do not remember the original source. If you know, please email me. Create a .js file [...]
HTML Coding Tricks for Search Engine Optimization
I have been struggling to get traffic to my blog. I have tried by making sure that my RSS feed works, and it has gone down quite a bit. I have also had trouble with my dream host servers going down, but it looks like they have fixed it so I’m very glad about that. [...]
Web Design Best Practices, Overdoing your CSS
Over-Doing It Tagitis Tagitis is the adding of many useless XHTML tags. This header, for instance, suffers from tagitis: <h3><em>Header</em></h3> You don’t need the extra tag. One line of CSS would give the same effect: h3 { font-style: italic; } Classitis and Divitis A common error of beginning CSS coders is to use far too [...]
Web Design Best Practices, Page Layout
Page Layout Most web site templates perform page layout by using a few blocks of content, for instance a header, a left column with the navigation, a right column with the main content, and a footer, as shown below: Any attempt to code this page must start by roughly positioning these four blocks of content. [...]