Here’s the error page for this site: www.janbthomas.com/oops

1. Create a custom error page in HTML. Add links, a google search box and an identifying logo. Google has some web master tools to help.
I created a page called 404.html

2. Use FTP to copy 404.html to the server. The file 404.html will be displayed whenever the HTTP error code indicates the file is not found.

3. Identify this file to the web server by adding a reference line in the .htaccess file. (This may vary depending on your web hosting company.)

Here’s the line to add:
ErrorDocument 404 http://www.your_domain.com/404.html

4. Upload these changes to the server.

Here are some of the more common HTTP error codes:
Client Errors
400 Bad syntax
403 Forbidden
404 Not Found – Most common

Server Error
500 Internal Error

5. As an alternative, capture all errors with the same file by adding a few lines into the .htaccess file.

RewriteEngine On
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule (.*) /errors.html

In this example, the HTML error page is called errors.html

1. Create the Graphic. Use Photoshop or any graphic-based program to create an image that is 16X16 pixels. Save the file in GIF or PNG format. Save as a transparent image if possible. (Not required.)

2. Convert the graphic file to an icon. If you don’t already have a good tool to create an icon, here’s a free utility: http://tools.dynamicdrive.com/favicon/

3. Name the file: favicon.ico and put this on the webserver with your other html files.

4. Put BOTH of these lines of code into the header portion of your webpage:

<link rel="icon" href="http://www.yoursite.com/favicon.ico" 
  type="image/x-icon" />
<link rel="shortcut icon" href="http://www.yoursite.com/favicon.ico" 
  type="image/x-icon"  />

5. Load this icon from the IE and Firefox address line:
http://www.yoursite.com/favicon.ico

6. Now test your webpage and the favicon should appear in the browser next to your web address. If not, try to add the webpage into the Favorites (IE) and Bookmarks(Firefox).

Firefox keeps the hover state active between lines of a css link.  Its only in Internet Explorer that the rollover flickers.  Here’s what I found:  if you add height: 1% to the definition of the css tag a then the flashing rollovers will go away.

a {
 color: #1b155f;
 text-decoration: underline;
 height: 1%;
}

#thisul {
 list-style-position: outside;
 list-style-type: disc;
 margin-left: 30px;
}

Make sure the position is outside and there is a left margin defined for the UL.

Be aware though, some text such as RSS feeds contain HTML markup for formatting purposes. In this case, htmlentities is NOT recommened.

Character encoding can also lead to display problems. To ensure proper display of special characters, pay attention to the character encoding. UTF-8 is the default character encoding for XML. ISO-8859-1 is more commonly used in HMTL. If you use UTF-8 encoding in the HTML document’s head section, the special characters from XML files and RSS will display properly.

<meta http-equiv=”Content-Type” content=”text/html; charset=UTF-8″ />

The indentation is a separate issue.  I was reading that most bloggers don’t indent their paragraphs.  But if you want to indent a paragraph you use the style.css and add

text-indent: 20px;

For my template, posts are defined by the CSS class: storycontent so that’s where I would add the text-indent line to my style.css file.

http://www.cycsf.org/eventdetails.php?topic=1

Here’s how it can be done in php:

if (isset($_GET['topic']))
$topic_id = (get_magic_quotes_gpc()) ? $_GET['topic'] : addslashes($_GET['topic']);
else
$topic_id = ””;

Add a line in the javascript MM_showMenu
document.body.style.cursor = ‘pointer’;

At the end of the function add another line:
document.body.style.cursor = ‘default’;

#navlist li
{
list-style: none;
display: inline;
}

The top menu bar of this blog is created using this technique.

Here’s a working version of this slideshow:
http://www.cccwinternights.org

Here’s where I found the code:
http://www.dynamicdrive.com/dynamicindex14/fadeinslideshow.htm