Glad to see you arrived here from Google. You are looking at archived content. The hot new stuff is happening at Veerle's blog 3.0. You should check it out!

Jul 02

Designing a CSS based template - part II

16 comments 2004 at 09.08 am posted by Veerle Pieters

Today I will bring you the next step of our tutorial about designing a CSS based template page. This part is about choosing the right color scheme and creating a nice background pattern for our webpage. Here is part 1 for those who missed it and want to catch up.

As you all know, my initial idea was to give you a small tutorial on how to create glassy buttons in an easy way. That’s why it might look a bit odd to you that we will think about color-schemes in the 2nd part of our tutorial. This should actually be our first step, then the creation of the buttons, the background etc.

Jun 25

Designing a CSS based template - part I

52 comments 2004 at 02.52 am posted by Veerle Pieters

This is the start of a step-by-step based tutorial about how to create a CSS based template page. This will be a tutorial consisting of several parts: part 1 covers the creation of the navigation buttons in Photoshop CS*, the 2nd part will be the creation of the background, next on the list is the header and layout of the page and finally the implementation in CSS and XHTML.

Jun 07

I.E. Doubled Float-Margin Bug

8 comments 2004 at 04.05 am posted by Veerle Pieters

Maybe some of you are familiar with this I.E. bug, but I wasn’t until recently. While working on a project and going out of my mind wondering why my margin on the left had this huge gap, I started to search the web for some solution. Since I did all sorts of tricks with it, I was almost 100% sure that it must be another I.E. bug that I didn’t know of. I’m still learning since I started with CSS2 just in January of this year…

May 19

Gaps in menu list items in I.E.

13 comments 2004 at 03.16 am posted by Veerle Pieters

Yesterday I was working on a horizontal navigation with vertical submenus in CSS using list items. This is normally not that difficult if you don’t have to deal with Internet Explorer. You just use the :hover pseudo class to let the submenus appear when you hover the main menu buttons. Since this is not supported by I.E. you have to find a smart way to get around this.

May 18

Clearing floats

1 comments 2004 at 02.33 am posted by Veerle Pieters

A few weeks ago I posted an article about the collapsing effect you get when a float is contained within a container box that has a visible background and how you can solve this problem. It seems that there is a smatter solution that involves no extra code in the HTML to solve this.

I’ve found an interesting article on how to clear floats without structural markup. This page explains why this effect happens and how to solve it in both the “old-fashion” way (using “clear:both” and 1 line of HTML code) or the smarter way (no HTML code needed) using the :after CSS 2 property.

May 14

CSS vs tables

3 comments 2004 at 03.32 am posted by Veerle Pieters

Andy Budd wrote a very enlightening article on his blog about CSS versus tables and why in some instances, traditional table based design can be as good, if not better than CSS and standards based design. It was one of the best articles about CSS vs tables I’ve read in a while.

May 06

CSS Edit vs StyleMaster

6 comments 2004 at 06.18 am posted by Veerle Pieters

Some time ago I promised that I would make a post about a comparison of CSS Edit en StyleMaster. They are both great CSS tools to use to style your webpages. Now that I have used both programs for a while, I think I can give some opinion and list you my pros and cons. But bear in mind that there is a huge price difference between these 2 programs and so in my opinion we can’t make a “fair” comparison by mentioning the pros and cons. Still, I want to do it this way just to give you an overview.

Apr 26

Min-height will be supported in Safari’s next update

1 comments 2004 at 07.49 am posted by Veerle Pieters

I’ve read on Dave Hyatt‘s weblog that he implemented the support for min-heigth and max-height into Safari. This is great news for CSS developers since this is a very handy property.

Apr 23

Fun with floats

9 comments 2004 at 07.27 am posted by Veerle Pieters

A friend and reader of my blog, Travis Crips, helped me out on a webpage design in CSS. I got stuck on some errors and didn’t know how to fix them. Travis found the error and pointed me at some interesting floating issues that I would like to share with you…

Apr 19

Validator for CSS

5 comments 2004 at 05.00 pm posted by Veerle Pieters

When I had to search for something on Google I came across a pretty extensive validator for CSS. This validator has a lot of features like checking against browsers such as Internet Explorer for PC and Mac and Netscape 6 and Opera. The only browsers that I didn’t find on the list are Safari, FireFox and Mozilla.

This validator can also show some tips and suggestions. Maybe you’ve already discovered this one but I thought it was worth it to make a post about it. I had to check my stylesheet with FireFox because it didn’t work with Safari 1.2.1 on Panther. This can be handy.

Page 5 of 7 pages « First  <  3 4 5 6 7 >


Flickrness

The Deck

Ad via The Deck

Learn

Treehouse

What do you want to learn today?
I'm learning Accessibility, HTML5, CSS3, & Responsive Web Design.

by Treehouse