css3

jQuery: Count children of several elements and calculate

Hi there I'm making a website for a restaurant, where they want to make "room" in the menu, by starting the numbering with the following "5". Example: Starter 1. 2. Salads 5. 6. 7. 8. 9. 10. 11. Pizza 15. 17. I want to count the numbers of TABLEs within a DIV, give the tables this number, then count the number of TRs within the TAB...

How to use scale with -moz-transform ?

Any body has a Good example showing how to use scale with -moz-transform ? ...

Is the HTML 5 Spec already complete?

I'm was looking for an HTML 5 and CSS 3 framework, I found 52Framework but I've noticed that a lot of HTML 5 elements are still missing, even at the most basic level (reset.css). I though of making my own framework but I need to know if the HTML 5 standard is already complete or if it's still subject to changes, I Googled a bit but coul...

Is there any point using `-webkit-border-radius` and `-moz-border-radius`?

Or does everything use border-radius now? ...

Replacing image extensions in jQuery, go from .png to .gif on the fly

So, I'm using CSS3 in order to create sidebar boxes in my site design, this works nice and dandy. Using http://css3pie.com in order to create the effect in IE. Again, nice and dandy. Now, comes my issue - For each relatively positioned module, there is an absolutely positioned icon within it, that is set to being top: -20px in order t...

Making an image / div fade with CSS3, without using a hover.

Hello, I have a div with an image in it. At the moment I use CSS3 animation to fade it off, but the performance is terrible. I am pretty sure I should be using transitions. Problem is I cannot find one example that isn't triggered by a hover. How can I make it so that when the page is loaded, after a delay of 2 seconds, the image/div f...

multiple 3D text shadow using css

I want to give shadow effect to some of my texts in a website which would make it look like 3D using CSS Is it possible? ...

JavaScript checker for HTML5 and CSS3

Does anyone know what that script was called that checks for HTML5 and CSS3 support? I think it also adds support for them. It was called something like Modifier. ...

line-height vertical align font-face

I have the following markup: <div class="blockSection"> <h5>Title of the section</h5> ... </div> now, the h5 for the .blockSection has a fixed height and a background image, 40px. For aligning the text vertically i always set the line-height same as the height, since the text wont break in 2 or more lines. But the problem is i'm using...

Full height CSS column

I have the following HTML to build a 900 pixel wide, centered page, with a header, footer and content section: <body> <div id="mainMaster"> <div id="main"> <form runat="server"> <div id="header"> </div> <div id="content"> </div> </form> </div> ...

WebKit CSS3, z-index is not respected

When using a CSS3 transform, my z-index's are suddenly ignored. Link: http://joelongstreet.com/css_perspective/ The only browser I'm worried about testing in is the iPad. The animation is triggered by a click event. Shouldn't the div#arrow always sit on top, regardless of what the div#main_event is doing? Thanks for any help you can pr...

Odd pages in CSS

How do I place a background image to the left in every odd page and to the right in every even page with CSS when printing? I have searched for quite some time to a solution about this. W3C mentions @page :left but also says that the context can only be used for margins. Looking through the W3C CSS3 instead of CSS2 I do see somethings ...

Is HTML 5 + CSS 3 >= Microsoft Silverlight

It is said that the unreleased HTML 5 and CSS 3 can produce the effects and graphics which can be done in Microsoft Silverlight. It thats true then can I skip learning Silverlight and wait for HTML5 and CSS 3? ...

How can I create this photoshop effect with text-shadow

How can I create this efect with text-shadow? ...

Css list align problems

Hei guys, I have the following problem: As I can see those arrows are not aligned with the text, I've tried alot of things but I didn't find a solution, mabe you can help me, here is my code: .domains-wrapper .sidebar{ width: 203px; } /* For the background */ .domains-wrapper .links .the-t...

Why is Chrome cutting off text in my CSS3 multi-column layout?

A demonstration of the problem is here. http://www.vcn.bc.ca/~dugan/css3/newhtml.html The multi-column CSS3 layout displays correctly in Firefox. Opera and IE8 display it as one column (which is fine). Chrome, however, tries to display it as multiple columns and cuts off part of the text. Is there any way to make it work with Chrome? ...

Set the webkit-keyframes from/to parameter with JavaScript

Is there any way to set the from or to of a webkit-keyframe with JavaScript? ...

cross browsers css for curve,shadow,gradient

is such css library that i can use rather than have to manually use special tag for each browsers like below ? -moz-linear-gradient -webkit-gradient -ms-filter: "progid:DXImageTransform.Microsoft.gradient ...

Change flying saucer header

Is it possible to change the header of a pdf page to the same name as the currently selected bookmark? I'm using flying saucer for my pdf generation. Could you include an example? Thanks in advance. ...

CSS 3 Transitions on the display: property

Hey All, I'm currently designing a kind of css 'mega dropdown' menu - basically a normall css-only dropdown menu but one which contains different types of content. An example can be found at http://www.westore.it/testbed/about/ My question is more of a 'can you think of a way around this problem' sort of thing. At the moment, it appea...