On a website, you often have different groups of links that may not all supposed to be looking the same. Usually, you’ll have navigation links and possibly some links within your content at a minimum.
Archive for the ‘CSS’ Category
Styling Different Links Differently with HTML and CSS
Tuesday, March 22nd, 2011Styling Lists with CSS
Tuesday, March 22nd, 2011We’ve already discussed navigation lists and list bullet images, but sometimes, a list is just a list. There are two types – the ordered list and the unordered list. The ordered list counts the items; the unordered list marks the individual items with bullets or other markers. The HTML is simple.
How NOT to Use the Tag to Center Text
Tuesday, March 22nd, 2011
Centering text and other elements can easily be done with the CSS text-align property. It can be applied to a division, the p tag – pretty much any block-level element.
Adding Multiple Background Images
Tuesday, March 22nd, 2011At times, it makes more sense to use background images than to insert them directly into the page. And while each element – like your body tag – can hold only one background image, they can be applied to several elements.
Adding Background Images
Tuesday, March 22nd, 2011Background images, just as the name implies, are part of the BACKGROUND of a website, not part of the actual content. The most common place to add a background image to, is the entire canvas – aka the body tag.
Creating a Basic, 3-column, Center-aligned Fixed Width Layout with HTML and CSS
Friday, March 18th, 2011The 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.
Creating 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.
Subscribe to RSS
