Archive for the 'Uncategorized' Category

Validating your CSS

October 2, 2006

Some Web designers regard a Web page that validates under both HTML and CSS guidelines as the Holy Grail. I prefer to think of validation as an extremely useful tool, but not a religion. CSS validation, however, is suited perfectly for debugging your code. CSS validators can catch those unclosed curly braces and other typos [...]

How do I make a submit button look like text?

October 1, 2006

When you design pages that look like wizards and when the information you are gathering flows over into multiple pages you might want to give your user a feel of filling a page in which case you would want to display your NEXT buttons as text.
Actually it is very simple our task is now to [...]

Styling Hyperlinks: Change colors on mouseover

October 1, 2006

Styling hyperlinks could be used effectively to replace the old style navigation buttons.To create this effect we style the :hover and :active pseudo-classes of the anchor tag. Am gonna define style separatley one for the :link and :visited styles and other for :hover and :active
Personally I like the hyperlinks to appear in a contrasting color [...]

How do I display a list horizontally?

September 30, 2006

you can use the display property set to inline on the list item.
you can use the following line into your .css file to display list items horizontally
ul li{ display: inline; }

How do I use an Image for a list item?

September 30, 2006

You can use the list-style-image property instead of list-style-type for your bullets.This property accepts a URL, which incorporates the path to your image file as a value.
ul{ list-style-image: url(bullet.gif) }

How do I get rid of the large gap between h1 tag and the following paragraph

September 30, 2006

By default, browsers render a gap between heading and paragraph tags. This is
produced by a default top and bottom margin that browsers apply to these tags.
To remove all space between a heading and the paragraph that follows it, you
must not only remove the bottom margin from the heading, but also the top
margin from the paragraph. [...]