I am using -moz-border-radius (along with border-bottom-left and the webkit one). The radius shows up in every browser (that supports css3 radius) no problem. In firefox, the radius shows up. When I inspect with firebug, radius is missing from the stylesheet (it is there though, just not visible in firebug). it works here on the tabs ...
Hello, I've been trying to do split pane resizing using the CSS3 property. Here is the code: <style> div.left, div.right {float: left; outline: solid 1px #ccc; resize: both; overflow: auto;} div.left {width: 20%} div.right {width: 80%} </style> <div class="left"> Lorem ipsum dolor sit amet, consectetuer adipiscing elit. </div>...
I have an H3 heading that I'd like to style as having a particular background color, but without having the element's background take up the full width of the parent element. Seeing as H3 is by default a block element, my style would need to change the element to an inline-block element, or just an inline inline element like so: h3 { ...
I am having a problem to use both inset box shadow and border radius. This works well with mozzila but with chrome -webkit-box-shadow extends the shadow outside the division. Here is the link to the website: www.rohanjain.in, the corners are rounded for mozzila but i have not enabled border-radius for webkit because of this bug. I am ...
Hey all, quick question regarding CSS. On my website, I'd like it if the navbar was centered, and pinned to the bottom of the header (the bottom of the gradient). I cannot figure out how to do this. The site doesn't support IE... Yet. ...
Ok, I have code like this: <div id="header"> (yeah, have to use div instead of header tag, don't ask me why) <a href="link"><img src="image1.png" alt="image1" /></a> <a href="link"><img src="image2.png" alt="image2" /></a> <a href="link"><img src="image3.png" alt="image3" /></a> </div> And I want to select the first ima...
I've got a checkbox list in a table. (one of a number of CB's on the row) <tr><td><input type="checkbox" class="custom_image" value="1" id="CB1" /><label for='CB1'> </label></td></tr> <tr><td><input type="checkbox" class="custom_image" value="2" id="CB2" /><label for='CB2'> </label></td></tr> <tr><td><input type="checkbox"...
I've got a table <table id="mytable"> <tr style="display: none;"><td> </td></tr> <tr><td> </td></tr> <tr style="display: none;"><td> </td></tr> <tr><td> </td></tr> <tr><td> </td></tr> <tr><td> </td></tr> </table> I'm trying to set the table striping to use nth-child selectors but ...
I want to create a web app with a desired release date of fall-winter 2011. I love the capabilities of html5 and css3 and was wondering if I developed it in that completely if there would be a userbase for the app. ...
I'm using CSS3 animations within PhoneGap, an iPhone web-based SDK that enables you to create native apps using the web technology stack. The particular CSS animation I have below works in Safari, Chrome, and even the iPhone simulator, but for the life of me #image_cat1, #image_cat2, and #image_cat3 are not being displayed on the actual...
I'm building an iOS centric web page using HTML5, CSS3 and Javascript with jQuery and jQTouch. I've searched for the possibility of including @2x graphics so iPhone 4 can use it, but haven't found any information about this. Is this possible or not? Anybody know? ...
I have content that I'd like to align vertically, so I'm using this simple class to indent: .indent-1 { margin-left: 144px; overflow: hidden; } This works fine in most cases, but if I have a box with a drop shadow within the indented content, the overlfow: hidden hides part of the shadow. Is there a way to accomplish this i...
Here's my rule: #element { background: -moz-linear-gradient(center top, #FFF 8px, #F2F2F2 24px, #F2F2F2 100%) repeat scroll 0 0 #F2F2F2; } I want to take that rule and apply it to all of the browsers that support a linear gradient. What would this rule's syntax look like for Chrome, Safari, and ... Internet Explorer? I'm considerin...
Is there any good tutorial from where, I could find, How to develop a iPhone apps using HTML5,jQuery,and CSS3. ...
So this declaration works fine for iOS 4 and 4.1, but not for older versions. Any advice? @media screen and (device-width:320px) and (orientation:portrait) { /* iPhone Portrait Styles Here*/ } @media screen and (device-width:320px) and (orientation:landscape) { /* iPhone Landscape Styles Here*/ } ...
This might be a shot in the dark, but what the heck. It would make for an astounding effect in my website for a welcome message to new users. In Hollywood, some movies present text with a wavy blur-to-focus and simultaneous fade-in effect on text (and the entire book, actually), such as perhaps in a Harry Potter movie. I can't pin it do...
Hi, Im wondering if anyone know when will webkit support transitions of gradients? for example, the following code doesnt work in Chrome 6 (assuming grad-transition is a link): .grad-transition { background-image: -webkit-gradient(linear, 0 0, 0 100%, from(white), to(black)); -webkit-transition: background-image .5s; } .grad-t...
I have created this css3 dropdown menu that appears behind the image when I mouse over the dropdown menu, and I have tried to figure it out. But cant for the life of me. Any help is greatly appeciated you can take a look at it here. ...
I'm trying to replace <img> elements with emoticons with different images through CSS (so that I can match them to the style being used). I thought that I can just insert another smiley with the :before CSS pseudo-element, and hide the original element. This would work, except that the browsers don't seem to insert the extra image! This ...
Problem is, that I need to get non-standard font (not everyone has it on his computer) with effect (from Photoshop: Outer Glow) in web site. I can use Javascript (including jQuery) and CSS3 for it, but that font should be able to highlight like any text in web. Any solutions? P.S. Font: Titillium. ...