About

Posts by :

Centered horizontal menus with CSS

Source: matthewjamestaylor.com

I got an e-mail asking how to make a centered horizontal menu, using XHTML and CSS. It may sound easy, but it cause me a lot of headache before I learned how to do it. After trying a lot of “text-align:center” and “margin: 0 auto;” approaches that didn’t work as I wanted, I realized that the trick is to think outside the box when positioning the unsorted list I use for navigation menus.

Rather than just answering the e-mail question, I want to share a link to an excellent and very well illustrated guide on how to make centered horizontal menus. The guide is written by Matthew James Taylor, and it has a no-hacks approach that keeps the code clean and efficient. A few examples are provided that you can use and learn from. Check it out, and don’t miss the many other good posts in Matthew’s design blog.

Update about the Arctica theme for WordPress

After being in the review queue for the official WordPress theme directory for more than three months, the Arctica theme was finally reviewed a day ago. Since it was based on the same code base as my two latest themes, Asokay and Lagom (which are both approved and published on wordpress.org), I expected the review of Arctica to result in an approval as well.

I was wrong. Arctica was turned down, with the only argument being that it “appears to be a copy of Toolbox with only minor style changes”. With the approved Asokay and Lagom in mind, and knowing the amount of changes that I had to make to get those two approved, I disagree with that conclusion and have asked the reviewer to clarify why Arctica is treated differently than my previous two themes. Until I get a chance to understand the reason for the non-approval, Arctica will still be available from this site, just like before. It works well, but you will not get update notifications inside the WP-admin until the theme is approved and added to the wordpress.org theme directory.

Video tutorials: Learn to write XHTML and CSS manually

After being asked about HTML/CSS coding tutorials for beginners, I ran across a site with a number of excellent guides: LearnWebCode.com. In a number of simple steps, you can learn the basics of both (X)HTML and CSS, and along with the texts you can find a number of videos that give you a visual guide on how it works. After viewing several videos and reading a number of the tutorial posts, I can warmly recommend it for anyone who wants to learn how to build websites from scratch using manual coding. Read more by following the links below:

XHTML and CSS tutorials (text with code examples)
CSS video tutorials
HTML video tutorials

Thanks Brad for these guides, I think that they could be really useful to a lot of aspiring site builders…

The Grid v2.1 released

The Grid v2.1The second version of The Grid template has been updated to version 2.1, fixing a minor error in the sample content. A package of sample layouts built from the template will be released separately at the end of this week, showing the flexibility that the grid system provides for creating both simple and complex layouts.

Download The Grid v2.1 (.zip, 164 Kb)

Notepad++ 2.5.8 released

The code editor of my choice, Notepad++, has been updated to version 5.9.8. It is a minor update, but it includes a welcome addition of drag-and-drop capability in the project manager.