Adding an Email Account to Outlook 2007

Things you will need before you will be able to set up your email account in any email client:

  • Username (in this case, your full email address)
  • Password (********)
  • Your domain’s mail server address

I am going to demonstrate setting up an email account in MS Outlook 2007 and the previous versions of Outlook are similar. In this example, I will be using the domain name “sampledomain.com” and an email for Bob.

Right… let us start.

In Outlook’s main menu, select “Tools” and the “Account Settings…”

Outlook Menu

Outlook Menu

In the window that pops up, select “New…” under the “E-mail” tab.

Email New Button

Email New Button

In the next window that pops up, make sure that “Microsoft Exchange, POP3, IMAP, or HTTP” is selected and then click on the next button. In the next screen, select “Manually configure server settings or additional server types” and click next. In the next window, select “Internet E-mail” and then click next.

Now in the next window, fill in your account details as follows:

Email Account Details

Email Account Details

Just make sure that the incoming and outgoing mail servers are mail.[your domain] and that your username is your full email address. Your password is of course… your password.

Clicking next and finish will take you back to the accounts settings window were you will now see your new email account listed. Close this window and test you new email…

Equal Height Columns in Website Layouts

There have been a number of times when I have had the issue of columns not lining up at the bottom of the website (or section of page). I always like using CSS to create these columns; it’s better for the environment. The issue that I could never work out was how to make them line up and not overlap div’s further on in the code (like the footer).

Well, I thought it was about time I investigated this properly and find a solution… so I Googled it and came up with the official solution from good ol’ W3C, and it is called the Pseudo-algorithm:

if ((column-width = auto) and (column-count = auto)) or
((available-width = unknown) and (column-count = auto)) then
exit; /* no columns */
fi

if (available-width = unknown) and (column-count != auto) and (column-width != auto) then
N := column-count;
W := column-width;
exit;
fi

if (available-width = unknown) then
available-width := shrink-to-fit;
fi

if (column-width = auto) then
if ((column-count – 1) * column-gap < available-width) then
N := column-count;
W := (available-width – ((N – 1) * column-gap))/N;
elsif (column-gap >= available-width) then
N := 1;
W := available-width;
else
N := floor(available-width/column-gap);

else
N := floor((available-width + column-gap) / (column-width + column-gap));
W := ((available-width + column-gap) / N) – column-gap;
fi

Ah, ja right! I am sure that it is all correct, but… so I continued the search… and came across the best explanation and even sample code @ matthewjamestaylor.com.

equal-height-columns-cross-browser-css-no-hacks

GREAT STUFF! A solution is explained nice and clearly and the illustrations assist in the enlightenment that you may experience. :)

I will put to use and report back on how it worked… Enjoy and let me know how you get along with it or if you have another solution.

Google’s Image Search Colour Filter

Google has recently added a great addition to their image search. Well I think it is a nice little addition..

The option that lets you filter images by the predominant color has been added to Google Image Search‘s interface. Just click on “All colors” above the search results and you can choose one of the 12 available colors.” – Google Blog

Google Image Colour Search

Of all the advanced options in the image search, this has to be the most practical… now I can find all the red WRX’s! :)

Firebug – Helpful Firefox Tool

Firebug – web development evolved.

“Firebug integrates with Firefox to put a wealth of development tools at your fingertips while you browse. You can edit, debug, and monitor CSS, HTML, and JavaScript live in any web page.” – Firebug Site.

This is a great tool for all you web developers! It is great to be able to edit CSS, HTML, and JavaScript on the fly. This can potentially save some serious development time. I use it ll the time and it save me time.

Some of the more advanced tools that stand out include: monitor network activity, debug and profile JavaScript and explore the DOM. I give this Firefox add-on top marks; well worth having this one installed!