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.
...
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>
<...
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...
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...
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...
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 ...
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...
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%"> </td>
<th class="tdplain">Grade 4</th...
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...
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?...
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...
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...
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 ...
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...
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...
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...
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...
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..
...
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...
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...