css3

Is there a way to update VS' CSS validation to 3.0?

I'm getting warnings about CSS3.0 properties like text-overflow. Is there a way to validate against 3.0? ...

CSS3 selector to find the 2nd div of the same class

I need a CSS selector that can find the 2nd div of 2 that has the same class. I've looked at nth-child() but it's not what I want since I can't see a way to further clarify what class I want. These 2 divs will be siblings in the document if that helps. My HTML looks something like this: <div class="foo">...</div> <div class="bar">...</...

-moz CSS properties and browser support

As of right now I believe only Firefox support -moz-border-radius property. I am surprised that twitter uses it. Are any other browsers planning on supporting this or does CSS3 have something like this in the works? edit:// also found -webkit-border-top-left-radius and then the CSS3 version So when is CSS3 coming out? ...

How far away is CSS3?

Seems like its going to take forever? Could the Rounded Corners part be implemented sooner? ...

How do I prevent an image from overflowing a rounded corner box with CSS3?

If I use this code, the image isn't clipped by the div's rounded corners (resulting in the image's square corners covering up the div's rounded ones): <div style="border-radius: 1em; -moz-border-radius: 1em; -webkit-border-radius: 1em; overflow:hidden;"> <img src="big-image.jpg" /> </div> Does anyone know how to get a rounded cord...

Hiding textarea resize handle in Safari

I'm using textarea components in my application, and I control their height dynamically. As the user types, the height is increased whenever there is enough text. This works fine on IE, Firefox, and Safari. However, in Safari, there is a "handle" tool in the lower right that allows user to resize the textarea by clicking and dragging. ...

CSS3's border-radius property and border-collapse:collapse don't mix. How can I use border-radius to create a collapsed table with rounded corners?

Edit - Original Title: Is there an alternative way to achieve border-collapse:collapse in CSS (in order to have a collapsed, rounded corner table)? Since it turns out that simply getting the table's borders to collapse does not solve the root problem, I have updated the title to better reflect the discussion. I am trying to make a tabl...

Firefox's CSS3 "nth-child" support?

According to css3.info's selector test, Firefox 3.0 supports some permutations of the nth-child selector. However, the code shown here (#30) doesn't work for me. It should select the empty paragraphs, so I edited my code to the following but it doesn't show in Firefox (it works in Opera). <style type="text/css"> div :nth-child(even) { ...

CSS3 outline using CSS2 border

Sadly, CSS outline isn't supported in IE7, so i'm stuck using border. But adding a border to any element on the page takes up room and possibly shifts the page. If i'm adding a 2px border, then I set a -2px margin, it sill isn't perfect, as list items move to the left, and "margin:auto" really screws with it. You can see examples here:...

attributes not selectable by jquery attribute selector

I am auto generating selectors and ive ran into a problem. some attribute selectors dont work. for example, on this page the following selector does not work as expected: $("img[src=/p/aost/logo?logo_id=1238551994]"); I also noticed that I cant select a <form> using the value of the action attribute. Question: Is there a full list s...

attributes not found by jquery attribute selector

I need to reask my old question, I probably shouldnt have asked it at 1am :P It seems that some attributes are not being found using jquery's attribute selector: $("*[some=value]"); So far it seems that i cant use form's action attribute, and img's src attribute. Is there a list somewhere of attributes that do not work so i can write...

How to set a dynamic style -webkit-transform using Javascript?

I have this code but since I use "" the a.innerheight does not get replaced by its value. Is it possible to make this dynamic? a.style.webkitTransform = "translate(0,a.innerHeight)" ...

Multi-column CSS lists

Is there a way to do re-flowable, multi-column lists, where the list can have list items of varying heights, using only valid CSS? By re-flowable, I mean that as the user drags the window wider or narrower, the number of columns should automatically adjust when the list items are of fixed width. I've seen the article on A List Apart, bu...

What speech readers support CSS3 speech attributes?

Are there any screen readers out now that support CSS3 text-to-speech attributes like richness, pause or pitch? If there's competition, which one is more popular? Are there varying levels of standards compliance? ...

Should a web developer use CSS 3 when IE6 has 15% of market share?

Everything is in the title : Should a web developer use CSS3 when IE6 has still near 15% of market share? CSS3 has some impressive features that will make everything better. If you don't know about it, look up the latest smashing magazine post regarding the subject. The issue is that almost all these new features are not supported by IE...

How do I submit suggestions to the CSS spec?

Recently I've wanted to do a number of things using CSS only to find that the best solution is to use Javascript. This has made me wonder, does anyone here know how to go about making development suggestions to be implemented into CSS 3 spec? It would be great if we could get some sort of feature request/vote based system going that the...

Webkit border radius sometimes take effect

This issue is about the CSS3 border-radius property (http://www.css3.info/border-radius-apple-vs-mozilla/) An example of this problem is here: http://jamtodaycdn.appspot.com/bin/rounded.html In this URL, I have rounded divs that appear to be rounded in FF3, but on Safari and Chrome the rounded corners are not there. The style is as f...

Combining styles

I have long wanted to be able to include one style class within another. For example med-font { font-size:12px; } #message a { style: med-font; color: blue; ... } /* lots of other styles, some of which use med-font */ Obviously this is a stripped down example, but the key point is that all those anchor tags within #message s...

Add CSS3 support to IE7+ with Javascript

I would like to use CSS3 selectors (such as :nth-child), but they aren't supported by any version of IE. In my Rails app I've already included Script.aculo.us and Prototype and it would be great not to have to include Jquery. Is there any script to fix IE's behaviour? (I'm not interested in IE6 compatibility) ...

Complex CSS Text-Shadow and cross browser compatibility

<html> <body> <style type='text/css'> body { font: 100% myriad, arial, sans-serif; font-size: 12px; color:white; font-weight:bold; } .shadowtext { text-shadow:-0.1em 0 0.1em #626262, 0.1em 0 0.1em #626262, 0 -0.1em 0.1em #626262, 0 0.1em 0.1em #626262; } .shadowtext_text { ...