css-selectors

Div with text overlay an image

I'm trying to figure out how to overlay a div on top of an image. Here's what I've got so far, I'm totally stuck and have been for a while. http://wilwaldon.com/learning/slideshow.html Any help would be greatly appreciated, thank you in advance. ...

CSS child selector (>) doesn't work with IE

The following CSS works well under firefox but doesn't work under IE browser, Why? Also, how can I make only the elements, directly under the parent element, be affected by CSS? CSS: .box{font:24px;} .box>div{font:18px} .box>div>div{font:12px;} HTML: <div class="box"> level1 <div> level2 <div> level3</div> <...

Find an element by CSS selector in GWT

I'm trying to grab an arbitrary element using a CSS selector (eg. "#someId .className a") in GWT. I'm building a JS widget that can live on a 3rd party website and want to be able to interact with elements on the page. Searching through the JavaDocs I don't see anything that can find an element by selector. I did come across GQuery, but...

Title Background Wrapping

Ok, I am pretty experienced at CSS but at this point I am at a loss. I layed out how I want the title to look like in photoshop: however, the closest I can approach it with css is: I need the black background to extend to the edges of the image and padding on the right side of the title. I hope you understand my question! thanks...

CSS selector for current row in GMail

I'm trying to get to the row that is "current" in GMail Inbox view, the one marked by a little triangle on the left. The one you can change using j,k hotkeys. I came up with this but it still returns every row. jQuery("#canvas_frame").contents().find('tr#.zA>td:first-child>img[style]') I need two selectors - one for the current row an...

How * tag can be used in CSS?

I'm trying to understand how a background image is used in a css button. It seems the image is much larger than the button, still the corners are matched to the button (resulting a rounded corner button). It seems it is related to .btn *. I couldn't find any reference about how * can be used. Can you explain how the image is rendered in ...

CSS: Style applied to a combination of classes?

Hi All, I'm not sure this is possible, but is there a syntax to be used in CSS when you want to style an element based on the combination of classes applied to it? I understand that I can check an element with jQuery or something and change it's style based on the classes it has, but is there a pure CSS way to do this? For example, if...

CSS - select th tags only within the tbody of a table

I would like to use a css selector to get only the th tags with the tbody. There are also th tags in the thead section, which I don't want included by the selector. Here's the markup I'm working with. Is there a selector to accomplish this? <table class="bgtable"> <thead><tr><td width="40%">&nbsp;</td> <th class="tdplain">Grade 4</th...

CSS inheritance: applying selector for itself and every descendant

Get a custom user CSS and type this .answered-accepted { color: white !important; background: #090 !important; } Now go to answers.unity3d and look for an accepted answer. The design looks bad, because the <strong> in there overrides the customization. The fix I've found is this: .answered-accepted, .answered-accepted * { color...

pseudo class a:focus

Trying to find out more about css pseudo class a:focus Am trying to adapt some code. Have tried a:focus img {border:2px solid rgb(155, 205, 255);} and a:focus img {background:rgb(155, 205, 255);} Neither work. Yet a:hover img {background:rgb(155, 205, 255);} works fine on hover. Does anyone know what I've done wrong?...

How to select text, but not images, in CSS

Simple question: I have the following markup... <a href='#'> <img src='icon.png'> This is the link </a> I want to have the text become underlined on mouseover. What is the CSS selector for selecting only the text in that <a> element and nothing else? I'd rather not wrap it in anything if I don't have to. a:hover { text-decoratio...

Can I use the CSS :visited pseudo class on 'wildcard' links?

Let's say I have a site with multiple links as follows: www.example.com/product/1 www.example.com/product/2 www.example.com/product/3 I also append tracking info to links from time to time so that I can see how my site is being used, e.g, if somebody visits the products page from the product browser I would set a ref parameter: www.e...

How to create a css rule for all elements except one class?!

Hi, I have created a CSS stylesheet for my project. Is there any way I can create a css rule that applies to all table elements EXCEPT table elements belonging to the class "dojoxGrid"? Something like: .not(dojoxGrid) table{ width:100%; border-top:1px solid #dddddd; border-left:1px solid #dddddd; border-right:1px solid ...

Debugging nth-child selector

I have the following selectors: .progress:nth-child(3n+1) { background: teal; } .progress:nth-child(3n+2) { background: red; } .progress:nth-child(3n+3) { background: blue; } However all of the items end up with a teal background. Are these selectors correct? I'm thinking I should get: Teal (every 3, starting with 1) R...

CSS Rollover button bug

Hi Everyone, I'm trying to create a drop down button and its almost working except one little bug. I have several big buttons that change background color when the user hovers over them and one of them, the language button, displays several suboptions inside itself when the user hovers over it. That all works fine except the language bu...

Selecting all images in a <td> tag and disabling them

My HTML looks something like this: <table class="disabled"> <tr> <td> <input blah blah> </td> <td> <img id="reallyLongASP.NetID" etcetc/> </td> </tr> </table> In all with a class indicated as "disabled", I want to set visibility: hidden on the <img>. I can disable using the crazy id A...

CSS background-images and Z-Index problem

Hope someone has an easy answer on this. I have a header image which is just a 75px high gradient with a fade on the bottom. I have it set as the background image on my header and I want to throw in a left-sidebar on my page. There is a transparency on the header image and when I have my sidebar I can't get it to sit behind the head...

Adding watermarks to textarea

How to add watermarks like "Enter textarea" for a textarea. <textarea rows = "8" cols = "18" border ="0" class="input" style="border: none;" WRAP id="details" name ="details"></textarea> Thanks.. ...

Using CSS Classes for individual effects - opinions?

Hey, Just trying to canvas some opinions here. I was wondering how people go about adding individual effects to html elements. Take this example: you have three types of h1 titles all the same size but some are black some are gold and some are white. Some have a text-shadow etc. Would you create separate CSS classes and add them do the...

Divs being hidden behind content, need to push it down.

I'm pretty much at wits end right about now and can't seem to figure out why my divs aren't pushing content down on the page. If you go to http://www.wilwaldon.com/itsbroken/template.php you'll notice that the thumbnails on the right side are getting hidden behind the content below them. I'd like the thumbnails to push the bottom cont...