Tag Archives: CSS

Styling select dropdown with Javascript replacement

Comments (0)

My main issue was the lack of control on the look of select dropdown, especially with IE if an option width is wider than the select initial width. Firefox deals with that issue by automatically increasing the list but unfortunately IE cuts off the text.

I’ve been using the Mootools Javascript library to automatically hide the […]

CSS Specificity

Comments (1)

I had never heard of CSS specificity until I started my new job as a web developer, and let me tell you, it’s quite interesting. Now tell me, which style do you think would win if they are printed in this order in the style sheet?

a#a-02 { background-image : url(n.gif); }
a[id=”a-02″] { background-image : url(n.png); […]

CSS hack for Firefox only

Comments (11)

I have been in a few situations (very few) where I want a page to look different in Firefox. Here’s a little snippet of how you could code it. Please note that this CSS will not validate but will work perfectly fine.

/*”className” is your class or ID*/
/*FireFox 2 */
.className, x:-moz-any-link {font-weight:bold;}

/*FireFox 3*/
.className, x:-moz-any-link, x:default […]

vpn service