This could be the silliest question I've ever made, but why does the text below is not rendered red? <html> <style> .c1 .c2 { color: red; } </style> <body> <span class="c1 c2">This should be red</span> </body> </html> Edit: I want to match elements that contain both c1 and c2 classes, like the example above, no...
So I've got a form... The relevant CSS is (I think): .libform input { background-color:transparent; color:#000; border-left:0; border-right:0; border-top:0; border-bottom: 1px solid #555; margin: 0 5px 1px 5px; display:inline-block; } .libform input:focus { border:0; border-bottom: 1px dotted #000; color:#939; background-color:#fed; } ....
I am having a problem with some div's The outer div has a min-height, but the inner divs are all varying heights. Because the inner divs are absolute positioned, they do not affect the outer divs height. Is there a way to make these inner divs affect the height of the outer div? The reason I am styling these divs with...
Within the custom branding of a SharePoint 2007 site collection, I need to change the bullet images. Instead of using <li> tags, SharePoint 2007 uses tables and images as follows: <tr> <td class="ms-vb" style="padding-bottom: 5px;"><img alt="" src="/_layouts/images/square.gif"> </td> <td class="ms-vb" style="padding-bottom:...
Is there a CSS selector for the last occurrence of a class on a page? Say i have this HTML <dd> <span> <a class="required" id="forename">foo</a> </span> </dd> <dd> <span> <a class="required" id="surname">bar</a> </span> </dd> Is there a CSS selector that would return the a tag with the ID of surname. S...
I have 2 divs...each are float left, and each have a "width". When I resize my browser, the right div goes down to the bottom of the left div. Why? I'd like it so that during resize, it stays there. ...
Now i try <html> <head> <title>?????????????????</title> <style type="text/css"> body { margin-left: auto; margin-right:auto; } #wrap { background: black; margin-left: auto; margin-right:auto; height:450px; width...
I have a div, that I'm using JavaScript to position, so that when someone hovers over an image, it displays a tooltip message that follows along with the pointer. (Using tooltip-0.2.js ) The problem is that when a user goes to the page in IE6, a disabled dropdown box on the page is showing through this absolutely positioned tooltip whe...
Hi I'm looking to access @font-face with Javascript. I assume it's somewhere in the DOM but where? I want to do this for @font-face feature detection. Thanks! ...
CSS: .bananaTrans { -moz-transition : all 1s ease-in-out; -webkit-transition: all 1s ease-in-out; transition : all 1s ease-in-out; } .bananaClass { color: yellow; } HTML: <div class="bananaClass">Banana Banana Banana</div> The objective is to make every element that has class "bananaClass" inherit the properties of "bananaT...
Hi guys, I have a element, containing three overlapping images. Inspecting the element in Chrome shows this: <span id="span1"> <img id="img1" src="images/progressbar.gif" width="120" style="position: relative; z-index: 3;"> <img id="img2" src="images/progressbar.gif" style="width: 120px; height: 12px; posit...
Hi, i am styling a navigation menu using the following css. I have found that it works perfectly in chrome but absolutely none of the css is beign applied in firefox or IE. Is there something obvious that i havent done or have done here? <style type="text/css"> #ddm { margin: 0; padding: 0; } #d...
In W3 CSS and also in XUL/CSS? (not between CSS and XUL/CSS). ...
I'm looking for recommendations on an open source toolset for WYSIWYG HTML/CSS design. What you have you found to be valuable in your work? ...
I'm using the built-in Calendar control. It works, but in a few places the way the HTML is rendered is broken or not CSS-friendly and unfortunately cannot be changed (it's hard coded). I was hoping they would fix this in .NET 4.0, but as far as I can tell the Calendar control hasn't been changed at all. Also, as far as I know, there's no...
How to open div on center screen position ? ...
How to set <textarea> height auto? <textarea> should take height according to content inside <textarea> on same page I have multiple <textarea> with different amount of content inside. I'm just using <textarea> to show source code sample. ...
This one's got me stumped. Usually with a little CSS juggling here and there I am able to solve most IE7 CSS bugs, but not this one! Head on over to the example page and view it in IE7, you will soon see that when mousing over the (vertical) drop down menu on the left of the page, it opens the sub menu WAY over to the right. I have pull...
I tried to change the HTML form, input type file. Here is my code: HTML, form id = form <input class="upload_file" type="file" id="file" name="file" /> .CSS I tried both: .upload_button{ background: url('../images/upload_btn_bg.png') no-repeat; width: 200px; height: 40px; } #form input[type=file]{ background: url('../image...
I'd like to know where I can get more web UI interfaces like the ones at: http://www.webguitemplates.com/ ...