It’s always nice to have some pictures to go along with your text. However, if you just use the html to insert a photo into your text flow, you’ll find that it breaks up the flow of your text and just plops itself ungracefully right in the middle of your paragraph without rhyme or reason.
Archive for the ‘CSS Basics’ Category
How to Position Text around an Image with CSS
Saturday, March 27th, 2010Displaying Bullet Images with CSS
Saturday, March 27th, 2010With CSS, you have several options for styling list bullets. For example, disk, circle, square, etc. But what if you want to use a specific image for your bullet? With CSS, you can do just that.
How to Style Fonts with CSS
Monday, March 15th, 2010The 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 Different Links Differently with CSS
Sunday, March 7th, 2010On 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. But how do you get your navigation links to look different than your content links and those different than your footer links?
How to Add a Background Image with CSS
Thursday, March 4th, 2010Background 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.
How to Delete Browser Default Settings in CSS
Tuesday, March 2nd, 2010Every browser has its own default settings for font size, margins and/or padding around certain elements, etc. Webdesigners should aim to have their sites display well on all kinds of browsers, but these different default settings can easily lead to problems.
2-Column, Center-aligned Fixed Width Layout with CSS
Saturday, February 27th, 2010How to build a simple center-aligned fixed width two-column layout.
How to Style Headings with CSS
Tuesday, February 23rd, 2010Different browsers have different default styling for headings – the h1, h2, h3, etc. tags. However, with a little bit of CSS, we can style them any way we like.
How to Style Links with CSS
Saturday, February 20th, 2010Most browsers will show links by default in blue and visited links in purple. But with just a little bit of CSS, we can do better than that — MUCH better…
