Here's my code: <h3><a href="#" title="Desserts">Desserts</a> <span>+</span></h3> And here's my style that accompanies said code: #our_menu h3 span { color: #eee; display: block; float: right; font-size: 11.5pt; margin-top: -25pt; margin-right: 10pt; text-shadow: 0px 1px 0px #240d00; } #our_menu h3:first-child a { border-top: 1px so...
This works: a { color: hsla(0,100%,50%,0.2) } And this does not: img { color: hsla(0,100%,50%,0.2) } Is there something like img { opacity: 1 } that allows to define hsl values to an image? ...
Webkit's blog post from last year on 3D transforms explains the various transform 'functions' that can be used in the -webkit-transform property. For example: #myDiv { -webkit-transform: scale(1.1) rotateY(7deg) translateZ(-1px); } My question: how do you access individual values in JavaScript? When you read the webkitTransform prop...
I'm trying to create a set of custom buttons that include a button with a "down arrow" icon to indicate that when you click it a drop-down menu will appear underneath it. The functionality works fine in all the browsers I'm supporting (IE7+, FF3+, Chrome, Safari 4+, Opera 10+), but the appearance is screwed up in IE7. I can deal with th...
I'm writing a plugin that is reliant on CSS3 gradient background properties. I have no problem getting something like this to work: $(this).css({ '-webkit-box-shadow': 'inset 2px 2px 5px #DEDEDE' }); However, this fails to work: $(this).css({ 'background': '-webkit-gradient(linear,left top,left bottom,from(#f4f4f4),to(#FFFFFF))' })...
Is it possible to add something like Modernizr into your own plugin? I'd like to feature test for certain CSS3 properties without reinventing an already fantastic wheel. ...
I have an HTML 5 web page using CSS 3 and have tested it in more browsers than you can shake a stick at. I am getting a strange problem when viewing the page on an android phone... When I visit the pages, all of the CSS renders, except the background colour (and luckily the foreground text colour). If I force-refresh the page, it then w...
I'm working on my personal website and when I originally designed it (http://flic.kr/p/83TsXa) it had two horizontal bars that where supposed to extend 100% of the total width of the website, but when I wrote the code I could not get the page to display properly (please see what I mean - www.gaspyweb.com). What am I doing wrong here? Wha...
I am trying to get the border radius property to work properly on a fieldset in Opera 10.6, but it does not appear to be working correctly. Here is the html: <form method="post" action="character.php" class="form"> <fieldset> <legend>Insert</legend> <label for="txtCharacter">Character</label> <input type="...
Is there a way to achieve in iBooks an effect of Page float: http://www.w3.org/TR/css3-gcpm/#page-floats I tried using {float: top page} but didn't work. Seems that is not supported. Would be very helpful for figures and pictures. Thanks ...
Is there any way to render a PDF from a HTML doc styled with CSS3 Generated Content for Paged Media? If there is not an application like that, what can I use as a base to build such a converter? Thanks ...
I have the following line of CSS: background: -webkit-gradient(linear, left top, left bottom, from(#243d63), to(#1a2638)); How can I make the background transparent, ie an opacity of .9, so the user can see what's under the div that has this style? Just for WebKit only concern... Thanks ...
I was wondering if there was a tool that can "pre-process" CSS and automatically add experimental properties so they'll look the same on browsers that support it. For example, instead of writing: .class { -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px } I could just write: .class { border-radi...
Hi All, I just came across a simple flash animation on flip card The Playing Card Effect The card has 2 images "front" image and "back" image, when clicked the card toggles with rotating along Z axis showing the front and back face accordingly. Can the same effect be achieved using HTML5 / Canvas / CSS3 ?? PS: I'm complete newbie/noob...
I realize that the CSS parser that GWT uses will only handle CSS2, but I am targeting iPhone Safari, so I want to be able to use some of the CSS3 stuff. For properties, I have been fine using the literal function provided by GWT, but I'm having trouble with CSS3 selectors - particularly the not() pseudo-class. I have a bit of CSS like ...
I'm having a bit of a problem. I'm using FireFox 3.6 and have the following DOM structure: <div class="view-row"> <div class="view-type">Type</div> <div class="view-name">Name</div> </div> And the following CSS: .view-row { width:100%; display:table-row; } .view-name { display: table-cell; float:right; } .vi...
I've been using the following CSS3 option to change the highlight color of text on a webpage. However, the only element on the webpage is a textarea, and the following CSS doesn't seem to do anything. ::selection { background:#B9B9B9; color:#000000; } Am I doing it wrong? Is it possible to change the highlight color of a textarea? Or ...
Hello, I am trying to code a clean html5 website. I am using the html5 boilerplate as the base of the website. It comes with modernizr. For the page title I am using text-shadow and font-face and have set up a small css fallback via modernizr (when one of the features is not available, a png image will be shown as background). So the ...
i have this problem with my website css overflow-x:auto ; coincidently, when i try on stackoverflow.com . I can see stackoverflow also have similar problem. when i try to make my firefox/internet explorer 7 browser window screen smaller. i can see part of the screen on upper right hand-side and lower right hand-side not render properly....
I am using -ms-filter to get shadow effects working in IE. Is there a filter that I can use for rounded corners in IE? I do not want to use htc files. Thanks! ...