Archive for September, 2009

White border inside input button in IE

Thursday, September 24th, 2009

Yesterday, during I worked on PSD to XHTML conversion, I had a problem with input button under Internet Explorer 6 & 7. Both IE render white border inside button.

white-border-ie-problem

Actually I had this problem many times, but was unable to find a solution. So today I played with css and I solved it. Actually it’s not a border, but background color. So, if you have white, black, green or whatever color border inside input button, this probably is the background.
Here is css that I had before fixing this problem:

width: 86px;
height: 29px;
text-align: center;
color: white;
border: 1px solid #ffa200;
background: url(images/search-btn-bg.png) 0 0 repeat-x;

I added background color to background property


background: #e3b100 url(images/search-btn-bg.png) 0 0 repeat-x;

… and voila, it works.

Posted in CSS | 4 Comments »

HTML lists: what’s new in HTML 5?

Saturday, September 19th, 2009

There is a big and justified interest from the web community about the changes introduced in HTML 5 and in the last weeks I’m frequently receiving a lot of questions and requests about this topic. In this post I want to illustrate a quick roundup of some point of interest about the use of lists in HTML 5.

Visit Source

Posted in HTML | No Comments »

Fresh Free High-Quality Icon Sets

Friday, September 18th, 2009

The most important aspect of designing an individual icon is that it has to be instantly recognizable, you have to know its function, and you need to know exactly what it is. If you are designing a set, the actual design becomes a lot harder, the designer has to face two initial challenges: each icon they design has to be individual and distinctive from the other, and, they also have to have similar features to show that they are related, completing the set. Not an easy task.

Perhaps that is why we love those small indispensible graphical images so much, it’s an appreciation of the hard work, creativity and talent of the designer. And to think, all those hours spent in front of a laptop crafting these little marvels, and then, allowing everyone else to download them for free. To all icon designers we say: “thank you”.

Visit Source

Posted in Freebies, Web Design | No Comments »

17 Trendy Slab Serif Free Fonts

Thursday, September 17th, 2009

The Slab Serifs have being emerging as a nice trend, used in casual and dynamic layouts.

Visit Source

Posted in Fonts | No Comments »

38 jQuery And CSS Drop Down Multi Level Menu Solutions

Saturday, September 12th, 2009

Here you’ll find 38 mainly jquery and CSS based drop-down or just multi level menu tutorials with down loadable files and explanations as well. It’s always good to have such reference articles in your bookmarks and when you have to create some really big website with a lot of content and menu sections – just return here. Shorten your developing process with already premade menus, which can be easily modified with little touch of CSS.

Visit Source

Posted in CSS, jQuery | No Comments »

FINALLY a new CSS only dropdwon menu – NO hacks, NO conditional comments, NO tables and NO javascript.

Saturday, September 12th, 2009

Stu has impressed me … again :)

Finally a working dropdown that uses no extra markup, no hacks, no conditional comments, no tables, is valid html/css, no javascript of any kind, works in IE6, and supports tabbing.

Visit Source

Posted in CSS, HTML | No Comments »