Are you a web designer who doesn’t know how to write markup? Have you ever followed an interface tutorial in Photoshop and requested for a follow up on how to convert a design? I’ve read in an interview that web designers who don’t code is kinda like working at McDonalds and calling themselves a chef.
This past few days I’ve been working on a WordPress theme and again I was faced with the question on what heading tag to use in the front page blog titles and in the articles page. This question never fails to creep up so I decided to once and for all look for a solution that I’m going to be comfortable with.
I love to follow Photoshop tutorials on designing website layouts and interfaces. One thing I like to do after finishing up a tutorial is to slice the design and convert it into a working website using XHTML and CSS. I recently finished a Professional Dark Header tutorial and decided to slice it up and convert it to XHTML and CSS.
Its been my practice every time I stumble on a website to check if the design especially the layout is in CSS. One morning around 1am I was looking for some tutorials when I landed at W3Schools. Although CSS controls much of the presentation, it still uses tables for laying out their columns. Not concerned what time it was I decided to strip those table tags and overhaul it with CSS. Here’s the W3Schools CSS Version in case you’re eager to check out the final result.
I want to share this to everyone who’s using the “Scenery” theme so you won’t be kicking yourself in the end.
It all began in my homepage. I’m a little OC so I started noticing that my entry paragraphs didn’t look like normal paragraphs. I wanted my entries to have a top and bottom margin. So I checked my WP editor and for countless times modified my article, put line break and paragraph tags in the code view and eventually re-installed everything! After all of the work the line breaks still wasn’t showing.