Sometimes you might want to blur (reduce the opacity) an image on default and bring it back to being opaque on mouse over. You can use this effect to keep the users focus on your content rather than those links bar on the top of the page: for e.g. you can make your full menu [...]
It can be difficult to ensure that you remain on a particular row as your eyes work across a large data table. Displaying table rows in alternating colors is a common way to help users identify which row they’re focused on. Whether you’re adding rows by hand, or you’re displaying the data from a database, [...]
I thought I would share with you guys some interesting links where you can witness web 2.0 in action. CSS designs on display here: http://www.cssmania.com, http://www.cssbeauty.com, http://www.cssvault.com, http://www.webcreme.com You can read some how to’s and the latest happenings here. http://veerle.duoh.com/index.php, http://www.24ways.org, http://www.csszengarden.com and you can catch some examples with source here http://www.cssplay.co.uk good day guys!!
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 [...]
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 [...]
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 1 ul li { display: inline;}
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) }
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 [...]
