My solution involved turning of the Check for Server certificate revocation options in the Advanced HTTPS Security in IE under:

Tools > Internet Options > Advanced > Security: Check for Server certificate revocation*.

This might also work for you but it is definitely a workaround as the same option was enabled in IE8 in Windows XP/7 and I didn’t have any problems. I think it might have something to do with the combination of IE8 and Windows 2008 Server which has the enhanced security configuration enabled. However, simply turning off ESC in Windows 2008 Server didn’t resolve the issue by itself.

test1
test2
test3
test4
test5

Which I want to change to something like this:

before_test1_after
before_test2_after
before_test3_after
before_test4_after
before_test5_after

So I’ve added the text before_ at the start of each line and the text _after at the end of the each line. To do this with Regex and Notepad++

• Open a new document, with the starting text.
• Choose Search > Replace (CTRL + H).
• Switch the search mode to Regular expression

To add text at the start of each line, search for ^(.) and replace with before_\1. This matches the start of the line and any character (.) after it. It replaces with the text before_ and the first match result \1.

Similarly to add text at the end of each line, search for (.)$ and replace with \1_after. This matches any character up to the end of the line. It replaces it with the search result followed by the text after_.

To change this, you can add a .htaccess file. Here’s some example code to add depending on your system:

For XAMPP:

AddType application/x-httpd-php .html .htm

For Hosting (obviously depends on your hosting provider):

Addhandler application/x-httpd-php5 .html .php

Put this in a file called .htaccess in the same folder as your HTML files.

1. Backup all of the files from your site on your web hosting and download (e.g. via FTP).
2. Export your database to a SQL script (e.g. through phpMyAdmin for MySQL)
3. Extract your files to your local development server directory
4. (Create) and import your database using the exported SQL script (e.g. through phpMyAdmin for MySQL)
5. If your database name or database user/password has changed, update wp-config.php in the main directory accordingly.
6. Start your SQL tool (e.g. phpMyAdmin for MySQL). You will need to update the table wp-options. The two options you will be updating (option_name) are siteurl and home. Change these from the URL of your source site (live site) to your local development web server URL (option_value fields).

Hopefully your local development site is now working.

So, if you notice that you are only seeing a portion of your web site in your print preview, check your CSS code, and look for any cases where overflow: hidden has been set. For example, I had it set in my container div to allow the footer to always be placed right at the bottom of the page regardless of the content size above it.

You’ll know it is happening when typing certain letters that lead to a windows shortcut key combination effect, e.g:

• Typing B -> Winkey + B =status bar
• Typing D -> Winkey + D = show desktop
• Typing E -> Winkey + E = show explorer
• Typing F -> Winkey + F = launches find
• Typing G -> Winkey + G = gadgets (Windows 7)
• Typing L -> Winkey + L = lock computer
• Typing M -> Winkey + M = minimize all windows
• Typing P -> Winkey + P = display output settings (Windows 7)
• Typing R -> Winkey + R = run window
• Typing T -> Winkey + T = task bar (Windows 7)
• Typing U -> Winkey + U = utility manager

Now that you know the list of shortcuts, the fix is simply to tap your windows key a few times until it goes away.

I’d actually tried the first two approaches described in the article, but didn’t go down the table road. Instead, I stopped and thought, someone somewhere must have solved this. What did they do?

It works really well, but it is not intuitive at all. By the way, you can use exactly 33.3% (instead of 33%) for your width if you really need to be spot on. It works in IE6 too which is always a bonus.

I created this new layout from scratch, starting with a photoshop mock up and turning it into a Wordpress theme. Hope you like it.

In addition to the layout changes, there have also been some minor changes made to the site including:

• Change of base URL from blog.praj.com.au to www.praj.com.au
• All permalinks are now directly off the base URL (no more /posts/<article_name>).
• I’ve set up redirection to point old posts to their correct new links.
• Change of name from praj’s blog to praj’s site.

Let me know what you think of the new site.

Today, I discovered the a:focus pseudo class which does a similar job, but for when a user highlights a link using keyboard navigation (i.e., tabbing to the link). In most cases, I use the basic effect of underlining text when a user hovers over the link. I also now do that when they focus on the link using the following code:

a:hover, a:focus, a:active {
text-decoration: underline;
}

Note, a:active is for when the user clicks on the link. Also, a:active has to be after a:hover in order for it to work.