Last week i got problem of placing multiple backgrounds in CSS. By quick googling i came to know that CSS doesn’t support more than one background image. Although CSS2 support this option and we can just place more then one background by separating each background via commas. Like

Anyways, my concern is with simple CSS because implementation of CSS2 is far away at this time. Very first and simple solution that came to my mind is to use two divs and put background image in each div and finally adjust hight and width. Read the rest of this entry »

Posted in: CSS Tricks | Comments(0)

CSS is a very important part in optimizing your HTML source code as well as Search Engine Optimization, because it cut down most of your HTML source code and make it very clear.

Some days ago i was styling my HTML file input box in CSS, but strange it was not working. Although CSS works very well on other input boxes, like text, password, checkboxes and radio buttons. So i started searching on google but shocked to know that “The ‘Browse’ button, especially, is completely inaccessible to CSS manipulation”. I found some methods to style File Upload Box but all of them are using lot of Javascript.

Then i started brainstorming and after 5 hours of continues struggle make me successfull in making my own method with very little javascript (only single line) and working on almost all browsers. You can see final result of that input box in following image:

Read the rest of this entry »

Posted in: CSS Tricks | Comments(8)