While redesigning this site, I incorporated a new print style sheet. During the process I discovered a feature in Firefox when printing a web site. Basically, if you have the overflow: hidden CSS attribute set, then it could prevent Firefox from printing all pages from the web site.
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.
Every now and then, the Windows key (one between CTRL + ALT on left side of the keyboard or ALT and CTRL on right side of keyboard) can get stuck in remote desktop sessions.
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.
June 18, 2010 | In
General |
No Comments
Equally aligning a row of images so they are equal distances apart with the first image being flush left and the last image being flush right, is actually a lot harder than you would think! Eventually, I turned to Google and came across the solution at CSS tricks.
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.
Welcome to the redesigned site!
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.
June 14, 2010 | In
General |
4 Comments
You probably know about the a:hover pseudo class in CSS which is used for changing a anchor tag style when a user hovers over a link.
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.
June 13, 2010 | In
General |
1 Comment
