So I have a few hover links and I'm using the css3 transition effect on them. For some reason after I hover over a link that has opacity applied to it's element other links with the transition effect stop working. See the video so you can see what I mean: http://vimeo.com/14869503 - Password is stackoverflow for the video. I don't want t...
There are several helpful JavaScripts and .htc behaviors that patch over the holes & buggy features in Internet Explorer's rendering engine. It seems most of them have some overlapping or incomplete feature support and it's hard to decide what to use: DD_Roundies: border-radius Fetchak ie-css3: border-radius, box-shadow, text-shadow em...
<div style="display:inline-block;width:100px;"> very long text </div> any way to use pure css to cut the text that is too long rather than show on next new line and only show max 100px ...
i try to use csshover3.htc on ie6 for input:focus but fail. Does :focus work on ie6 with csshover3.htc workaround? ...
Once you’ve taken the leap to start using the jQuery library (or another JS library of your choice) for many “simple” tasks you are faced with the dilemma of 3 development approaches: use the CSS3 use a mixture of CSS3 and jQuery i.e. add a class defined in CSS using jQuery use a jQuery plugin where available – which usually intellig...
I want to put padding on a css border. Pull it inside a div, away from the edge. Is this possible using css (css3 is fine, webkit). Here is the design. I did this by placing a div inside a div, then give a border to the inner div. I want to make the markup slim as posible so I want to use only one div if posible. Thank you. ...
Is there any HTML 5 + CSS 3 framework specfically to make mobile website for supported devices? ...
Is there any work-around with javascript/CSS for tabindex not working on Firefox on Mac OS? without changing Mac OS system keyboard-preference? ...
This is not a question, but just a rant. Or maybe a question... or maybe I just don't know much about box shadows.. In order to use box shadows in CSS3 in different browsers, here what I have to do: -webkit-box-shadow: 0px 0px 10px #676767; -moz-box-shadow: 0px 0px 10px #676767; box-shadow: 0px 0px 10px #676767; Is there anyone else ...
Is it possible to create a border in CSS3 such that they are rounded and dotted? I'm rounding my corners but they appear solid with: border: 1px dotted gray; -moz-border-radius-topright: 30px 20px; -moz-border-radius-topleft: 30px 20px; The rest of the border is dotted but the corners are solid. I understand that this is specific to...
Which mobile browsers versions/devices versions/OS versions currently capable for HTML 5, CSS3 and jquery? ...
I have this code in the beginning of my CSS stylesheet (linked to my index.html, of course): @font-face { font-family: "Calibri"; src: local("Calibri"), local("Calibri"), url("fonts/Calibri-Bold.otf") format("truetype"); } And i'm using: #id { font-family: Calibri, Verdana, Arial, sans-serif; } But it still doesn't work. Wh...
Hi, I have just installed IE9 beta and on a specific site I created (HTML5) IE9 jumps to compatibility mode unless I manually tell it not to. I have tried removing several parts of the website but no change. Including removing all CSS includes. On some other website of me it goes just fine. Also, don't set it manually because then IE9 ...
I am using CSS3 Pie for doing cross browser border-radius and box-shadows. This works really great. But when used together with the jQuery blockUI plugin (using modal dialogs), CSS3 Pie functionality does not apply to that dialog element. This is because of the z-index problem with position:fixed , which is also described here. I alread...
Say for example I have: <div id="container"> <table> <tr> <td></td> <td></td> </tr> <tr> <td></td> <td></td> </tr> </table> <table> <tr> <td></td> <td></td> </tr> <tr> <td></td> <td></td> </tr> </table> </div> And td { width:10px; height:10px; } ...
Do we need "CSS reset" for mobile specific site also? like we need for desktop browsers? Can css reset on mobile sites decrease the performance of rendering? ...
I am writing a CSS stylesheet to add a background image to a div identified by its class name as follows: .scrollingResultsContainer { background-image: url(https://mdl0133/widget/Images/gradient.gif); background-repeat: repeat-x; background-attachment: fixed; color:#FFFFFF; } This work fine except I have one particul...
How I can get the last element (hr) from the following code: <div> <div> <span class="hr"></span> </div> <div> <span class="hr"></span> </div> <div> <span class="hr"></span> <!-- I need this --> </div> </div> .hr:last-child doesn't work for this. Of course, DOM structure could be more...
I Want to have a gradient as the background of my webpage. I have figured out how to make the gradient vertical but I want it to be horizontal. background-image: -webkit-gradient(linear, 0% 25%, 0% 0%, from(rgb(176, 196, 222)), to(rgb(255, 255, 255))); background-image: -moz-linear-gradient(center bottom, rgb(153, 255, 51) 25%, rgb(255,...
Is there a better way then using jQuery.browser, or equivalents, for determining css 3 prefixes (-moz, -webkit, etc), as it is disencouraged? Since the css is dynamic (the user can do anything with it on runtime), css hacks and style tag hacks can't be considered. ...