IE7 Web Design Issue: Centering

November 11, 2006 | 2 Comments

I’ve run into two problems that were fine in IE6, in Firefox and Opera, but that display poorly in IE7.

First, the <center> tag.

Yes, it has been deprecated for a while in favor of a <div align=”center”>. And, then, current recommendations call for creating a enclosing <div>and applying margin:auto or margin-right:auto; margin-left:auto.

But, this gets rather hairy very quickly.

With IE6, the easiest way to center a page was to use a <center /> tags. Firefox and Opera went along quietly and all was well, until IE7 came along.

Internet Explorer 7 doesn’t like <center> tags, at least with the combinations of DIVs I was using on my www.TerrysComputerTips.com site.

Although my pages are fixed now (by removing the <center> and </center> tags), IE7 initially took this same beautifully centered page — and right-aligned the DIV at a page width of about 1400 pixels.

Where it got that number, I don’t know. Idenfifying the problem was easy.

Identifying the solution wasn’t — who would have thought that removing the <center> and </center> tags would make the page center properly?

I’m not sure how I found it, other than shooting at the problem with a “what affects the whole page…that I can change” approach. But, that was it.

It’s time to lose the <center> tag.


Host Unlimited Domains on 1 Account

Posted by Terry Stockdale | Filed Under CSS, Firefox, HTML, IE7, Opera, Usability, Visitor Experience 

Improving Website Usability, Revisited

November 9, 2006 | Leave a Comment

No matter how gorgeous your website design might be, if your visitors have difficulty finding your content, then you will lose those visitors quickly.

Here are some usability tips to improve the design of your website to ensure it serves its functions optimally:

First, check the fonts and typography of your content

If you have large blocks of text, make sure to use CSS to space out the lines accordingly. The longer a single line of text is, the greater the line-height of each line should be.

Make sure the fonts are clean, clear and readable. If the fonts are cute and hard to read, your site visitors will go elsewhere — it’s that simple.

Second, break large paragraphs into smaller paragraphs.

Visitors will skim over your content. If you’ve got long paragraphs, they will often miss your message!

You will often find that breaking the paragraphs into smaller pieces not only makes them more readable, but allows you to focus more effectively on the key words and key thoughts that you want to communicate.

Of course, that also means that your articles should end up more meaningful to the readers and the search engines, too. Instant SEO via short paragraphs…

Your grammar teacher would not like the thought. On the other hand, examine the articles in your favorite newsletter, magazine or news web site.

In the world of today, short, sentence-length paragraphs are the medium of effective communication.

Third, make sure the font size of your text is big enough to read easily

Some sites have 10-pixel-tall text in Verdana font. While that may look neat and tidy, you have to really strain your eyes to read the actual text.

On the other hand, usability studies have shown that visitors actually read smaller fonts more carefully, while they will skim over large fonts to see if there is any “good” content.

Fourth, make it easy for visitors to find content that they want on your site

You may have dozens, hundreds or thousands of articles on your site. If a certain visitor wants to find one single article from that pile, you have to provide a feasible means to enable visitors to do that without hassle.

Whether you use an article index, a menu-driven system, a Google search of your site, or even an SQL-driven database search engine, you need to provide your visitors the ability to locate the content they desire.

Fifth, make sure that your site loads quickly.

Most internet users will leave a website if it doesn’t load completely within 15 seconds, so make sure your information is delivered to the visitors as soon as possible.

Be sure to resize images in your graphics program, not just by setting width and height variables for display of the images. If you resize the images and optimize their quality for the display size, you can dramatically reduce their file size.

Last of all, test each and every link on your site before it goes online

When you add pages or content, check the links. Then, load the pages and check them again — you may find that you were linking to images or files on your hard drive and not on your site!

There is little that creates a worse impression in a potential customer than to find broken links when she is looking for information.

Recommended Resource: Don’t Make Me Think

Technorati Tags: , , ,

Posted by Terry Stockdale | Filed Under SEO, Search Engine Optimization, Usability, Visitor Experience 

Email Address on the Web?

October 30, 2006 | 2 Comments

Do you post your email address on your web site?

Almost all of us do — we almost have to do this — but that makes it easily harvestible by spammers’ spiders.

There are some tricks you can use to make your email address available to visitors but not for the robot spiders…

First, you can use one of several JavaScript encryption systems. These are designed to have your encrypted email address within the JavaScript, but to use the visitor’s web browser to decode and display the address.

This works fine when the user has JavaScript turned on… but doesn’t work at all if she has turned off JavaScript (ActiveScript in Internet Explorer) for security reasons.

The second method is the one that I normally use — it’s called Spam-me-not. Although the web page says that it uses JavaScript, it really doesn’. It simply encodes the individual characters of the email address into mixed decimal and hexadecimal HTML character codes.

For example, the character “t” can be coded as “t” or as “t” or as a “t” — and the web browser will understand, decode and display a “t” character.

Fortunately, for now, the spiders aren’t that smart…

Posted by Terry Stockdale | Filed Under Advertising, Affiliate Marketing, Blogs, HTML, Traffic & Linking, Usability, Visitor Experience 

My new Computer for Christmas site

October 25, 2006 | 4 Comments

I’ve just released my “new” (reworked) site Computer for Christmas

It was up last year in its first draft, although I got little traffic to it. This time, I’ve designed a new header, played with the colors, and added a lot more information and search features.

Check it out when you get a chance — and comment about it here…

Posted by Terry Stockdale | Filed Under Usability, Visitor Experience 

Blog Software - Moving from Serendipity to WordPress

October 24, 2006 | Leave a Comment

I made up my mind. I like to tinker with the pages too much to use Serendipity as my blog software package.

Drawing on the Web has been a WordPress blog since the beginning. But, I have several other blogs running Serendipity. The “Smarty Templates” for all user-interaction displays may be neat from a developer perspective, but it is a royal pain for someone who wants to make a quick and easy tweak to their system.

I liked Serendipity and may continue one of my blogs in it. But, deciphering what’s happening is a real challenge.

So, I just moved the 300+ posts of my Terry’s Computer Tips blog into a new format in WordPress. Installation of WordPress was easy, but you have to download, unzip, add and then upload any additional plugins and templates you want to use.

Once you’ve got one blog, though, just copy the package to a different directory, tweak the config.ini file and upload to a new directory at your web host. Point your new domain or new sub-domain to the new directory. And, point your browser there…

You can read more about the changes to my Terry’s Computer Tips blog in that blog.

Drawing on the Web and my Terry’s Computer Tips blog are hosted in the same Powweb account that has all my other blogs and my Terry’s Computer Tips site. Powweb currently has a $5.77/month sale for 1- and 2-year hosting purchases — this sale expires October 31st.

Posted by Terry Stockdale | Filed Under Blogs, Usability, Visitor Experience, Web Hosting 

Adsense Isn’t Dead!

September 25, 2006 | 2 Comments

There’s a great flurry going around about Adsense being dead.

Why? One guy wrote a give-away book called Adsense Is Dead. His “empire” crumbled when Google finetuned its search indexing system recently and decided that his sites didn’t meet their needs.
Well, Adsense might be dead, if you’re using generated sites, with data scraped from other sites. Or, just creating directory index sites by extracting data from Google, Yahoo, etc

But, the search engines love real content. Original content. Modified content. Edited content. Commentary. All the things that real visitors would like to read at your site — and that will bring them back again, too.

Adsense guru Joel Comm has written a free report called Adsense Is Alive that debunks the naysayer’s complaints.

Get Joel’s free report now!

Posted by Terry Stockdale | Filed Under Adsense, Monetizing Your Site, Usability, Visitor Experience 

« Previous Page — Next Page »