Tuesday, May 26, 2009

Eight Useful CSS Generators for Designers


1. CSS Button and Text Field Generator
CSS Button and Text Field Generator. Useful Online tool for creating button.

2. CSS Layout Generator
CSS Layout Generator

3. CSS Formatter and Optimiser
CSS Formatter and Optimiser

4. CSS Form Code Maker
CSS Form Code Maker

5. CSS Menu Generator
CSS Menu Generator

6. Create Rounded CSS Corners
Create Rounded CSS Corners

7. CSS Tab Designer
CSS Tab Designer

8. CSS Scrollbar Color Changer
CSS Scrollbar Color Changer

IE Zoom Options Problem......

IE 7+ gives the option to zoom the page using the corner options in Internet Explorer.

I faced one problem because of this zoom control. I have developed one site for 1024 x 768 resolution. I have used some background image in body tag. I have used the same background in my main table also. If some one view the site in other large resolution, I have used the main table should be align center and the remaining part will have a background image which I have applied in body tag. Everything is perfectly working. One time my client was used the zoom control in IE and he used 1280 resolution window, Everything was zoomed and he noticed that main table background is diffent from the body tag background. After this he sent a mail, designer not using the same background in the entire screen. This is not a good design work. So my PM and PL give lot of advice to me.

I was really shocked at that time. Because I used the same background in both the body and main tables. I tested in all the resolution with the zoom control, but getting the same problem.

At last I came to realize that IE won't zooming the background image of body tag. This is really gave so much tension at that time. So I used the div tag instead body tag to apply the background iamge. After that I didn't get those problem...

I hope this post helpful for you.....