css3

How to code anchor tags as block element to contain other block elements

I am experiencing the same problem described in this thread. I'm wondering if there are other ways to achieve the same result and avoid this issue. Apparently Firefox has issues with anchor tags containing block elements even when the display CSS property of the anchor tag is set to "block". The effect that I am trying to achieve is to ...

how reliable is css3 pie

I have just come across CSS3 pie (http://css3pie.com/) I was wondering how reliable it is to use? Will it work on all operating systems and are there any scenarios where it may not work? ...

Radial Gradient, Occupying the whole body?

How would you make a radial gradient occupy the entire body? At the moment i can make the gradient just fine, but the problem is that the gradient only occupies roughly 100px by 100px. The body background is set to 100%, but still no luck. Any ideas? Below, is the CSS i'm using at the moment. body { background-color: #2b616d; -moz...

css fading borders without border-image?

hi there! does anyone know of a css-only method (css3 is fine, but preferably without border-image just in case) to style an active tab like the following dialog's toolbar (ignoring the icons): coda preferences on snow leopard i'm using jquery-ui to generate tabs, which means the markup is similar to: <div class="tabbed"> <ul> ...

How to add OUTLINE on input tags ?

In google chrome, when an input tag is selected then appear a yellow outline around it. In other browser ( firefox, explorer, ecc ) not !! How can I add outlines on input tags in other browser ( firefox, explorer ) like chrome ?? ...

Dhtml Menu problems with navigate it.

Hi there I found a vertical menu but I'm having some problems with it, i can't navigate properly in the submenu because i miss the menu when i move down. Here I leave the website www.timetarget.com/newsite please any help or comments will be help me . Cheers ...

How important is it to support old browsers?

Just read an interesting article by yahoo's Nicholas C. Zakas: What’s a web browser? How do you best balance implementing new technologies like HTML5 and CSS3 while keeping support for browsers like i.e 6, is it a practical approach to day to day web development where deadlines must be met? ...

CSS3 line-through style over text in slanted form?

Hi, Is it possible in CSS3 to slant a strike-off line (achieved with css's text-decoration: line-through property) over a text string, say from bottom-left of the text to top-right (diagonal line)? ...

Is it possible to specify line weight for "text-decoration: line-through;" in CSS?

The default weight of 1px for line-through property in CSS is great for body copy at 1em. Unfortunately for larger items such as a price set at 3em on an offer site, 1px is really too light. Is it possible to set a heavier line weight for line-through? If not, what alternatives should I consider, such as an image overlay for example? ...

Gradients in Internet Explorer 9

Hi Does anyone know the vendor prefix for gradients within IE9 or are we still supposed to still be using their proprietry filters? What I've got for the other browsers is: background-image: -moz-linear-gradient(top, #444444, #999999); /* FF3.6 */ background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #444444),co...

Display color picture as monochrome

Is there a way to display a color picture as greyscale using Html/Css? Ie. no server side processing. Edited: monochrome -> greyscale ...

font-size percentage with respect to container

how to change font-size with respect to its container. <div id="container" style="width: 100%; height: 100%; border: 1px solid #ff0"> <span style="font-size: 18px">Test</span> </div> Now if i resize my window the container is also resized but the font-size remain of fix size, i want to change the font-size according to its contain...

2 boxes of same height (percentage)

How to create two boxes (floating side by side) of same height. I want to create boxes of height 40% of the container/window? ...

Webkit choking on rendering multiple text-shadow & box-shadow values with webkit-transition

CSS3 -webkit-transition is choking on multiple box-shadow values and text-shadow values. (Chrome & Safari) More specifically, I have two screnarios... (1) I have text has a document heading that has three text-shadows (for appearance of depth). I am also using the -webkit-transition rule to change the color of the text-shadow on hover ...

Is there a way to do this, with css 3?

So how can I do this, using css3, mabe box-shadow? http://screencast.com/t/48LooBwz Can someone help me? I need to apply that styling to an element? Best Regards, ...

Automatically convert css to mozilla specific css

If my css is: border-bottom-right-radius: 20px; is there a JavaScript library that will convert it to -moz-border-radius-bottomright: 20px; automatically if it detects a user agent that is a mozilla browser, example: Firefox? ...

transparent borders with css 3

Is there a way to make the borders of an element semi-transparent? using purely css? like the modal window that facebook uses? ...

how to create a gradient in Firefox and Chrome

How to create a gradient background like this ...

Efficient and inefficient CSS selectors (according to Google, PageSpeed ...)

While trying to reduce the HTML size of a web page, I've come across suggestions by Google and the PageSpeed Firefox Add-On regading efficiency of CSS selectors that (almost) made me reconsider the changes: http://code.google.com/intl/de-DE/speed/page-speed/docs/rendering.html#UseEfficientCSSSelectors Specifically, descendant selectors...

Is it possible to get cut out text effect like this using CSS/CSS3 only?

Is it possible to get cut out text effect like this using CSS/CSS3 only? or image is the only option to get this effect. ...