The three-column layout is probably the second most common layout used for websites. There’s usually a header and a footer – and then some content, maybe a sidebar for navigation, a column in the middle with some content info, and another column with some additional stuff, whatever that may be. What you put inside your columns doesn’t matter – the way to achieve the 3-column layout stays the same.
Archive for the ‘CSS’ Category
Creating a Basic, 3-column, Center-aligned Fixed Width Layout with HTML and CSS
Friday, March 18th, 2011Creating a basic, 2-column, center-aligned fixed width layout with CSS
Friday, March 18th, 2011This type of layout is used a lot, and for good reason. It works.
So let’s start off by looking at the HTML:
Center-aligned Webpages with HTML and CSS
Friday, March 18th, 2011A website tends to look more balanced when it’s centered on the monitor, instead of clinging to the left side with lots of white space on the right. This looks even worse with increased resolution. And it’s not that folks will use that white space to make notes…..
So to center your page, wrap your content into a container – a ‘wrapper’ of sorts.
Styling Fonts with CSS
Saturday, March 12th, 2011The FONT tag is dead. Long live CSS! Please help spread the word, too many people STILL have not gotten that memo and merrily use their deprecated font tags (along with the table-based layouts and improper doctypes). But now we all know – no more excuses.
Styling Links with CSS
Saturday, March 12th, 2011Most browsers will show links by default in blue and visited links in purple. BOOOORING!!! That, and purple just doesn’t look good on some people.
CSS Shortcuts
Saturday, March 12th, 2011Shortcuts are a good thing. They save time, gas, and make life easier. And who wouldn’t like things easier?
Creating Center-aligned Pages with CSS
Sunday, March 6th, 2011A website tends to look more balanced when it’s centered on the monitor, instead of clinging to the left side with lots of white space on the right. This looks even worse with increased resolution. And it’s not that folks will use that white space to make notes…..
Using HTML to Define the Parts of a Webpage
Sunday, March 6th, 2011A webpage usually consists of several different parts – of course that can vary depending on content and design, but almost every page has a header, a navigation, content, and a footer. We’ve already discussed the beauty of an external stylesheet to define the look and layout of an entire website. For this reason, it’s very useful to proclaim the specific parts clearly in the html, so we can address them in the stylesheet.
Adding CSS to a Webpage
Sunday, March 6th, 2011There are actually three ways to add CSS to a web page and each one has a very specific purpose and use.
Subscribe to RSS
