Tuesday, March 25, 2008

Tired of cross browser css problems???

Are you looking for CSS hacks to solve cross browser issues?
This site contains very good documentation for css hacks.


http://www.webdevout.net/css-hacks



In nutshell use following tags for separate styles for different browsers.

IE 6 and below
* html {}
IE 7 and below
*:first-child+html {} * html {}
IE 7 only
*:first-child+html {}
IE 7 and modern browsers only
html>body {}
Modern browsers only (not IE 7)
html>/**/body {}
Recent Opera versions 9 and below
html:first-child {}

Wednesday, March 12, 2008

Verify your blogspot site to google webmaster tools

Hi everyone,

Please follow this great link which has a tutorial for adding your blog in google webmaster tools and verify it.

Title fof the following blog is "Google webmaster Tools and HOWTO verify your Blogger/blogspot.com site"

http://linuxlore.blogspot.com/2006/10/google-webmaster-tools-and-howto.html

Friday, March 7, 2008

Nice tool for converting html code to text format so that you can disply HTML code inside HTML document

http://centricle.com/tools/html-entities/

Onclick( ) event inside anchor element changes the mouse pointer

While using show/hide div tag I came across one problem where I was using onclick() event inside anchor tag.
Though it was working fine, it changes the mouse shape (Shows cursor symbol instead of hand).

Solution:
Add href="#" inside anchor tab. This will also allow you to use onClick() event.
You can also try style="cursor: hand;".
Example:
<a onclick="Effect.toggle('player','BLIND'); return false;" href="#">