javascript image overlay over a specified div
i am new at javascript. very new actually, this ought to be my first script. can anyone explain to me how to make a transparent overlay over any specified fixed width region, say 700x300px. ...
css
CSS and selecting last td
Summary: Every field rows of detailsview have 2 td and their first td can apply left border. But second one (so the rightest cell of field tr(row)) couldn't applied. Even i tried .dvRowEven td:nth-last-child(even) or .dvRowOdd td:last-of-type Now my full message: Hi, I am trying to write css for DetailsView (asp.net control). ...
How to display an image in a fixed div to make a scrollable image panel?
i am making a photo gallery script that involves displaying an image in fixed width/height box. now i want that image to display in its complete size. i mean, if the box is 700x300 px, the image should not resize to 700x300 but should display at its own full resolution. also if possible, can i somehow make it drag around in the box so th...
How to make floating inner divs the same height as the highest div.
In the following code I would like the div with 'y' to match the height of the div with the 3 'x's. <div style="border: 0px solid red; margin: 0px 0px 5px; overflow: hidden;"> <div style="border: 1px solid rgb(129, 11, 0); margin: 0px; padding: 5px; background-color: rgb(30, 23, 22); width: 312px; float: left;"> x<br/>x<br/>x </div> <d...
Float div that fills all empty space of box
I have such html and css. <div class="selected"> <div class="text">First</div> <div class="arrow"> </div> </div> .selected { width: 150px; } .selected .text { background: url(dropdown_text.png); float: left; } .selected .arrow { background: url(dropdown_arrow.png); width:22px; float: right; }...
fixing css for ie6 need help!
I have been trying very hard to achieve rounded corners with IE6+jquery ui tabs. I have this page prepared: http://jsbin.com/uzoko (w/out dd_roundies) Ofcourse, the rounded corners work in FF but not IE6. Because some of the properties used in CSS are specific to FF and Chrome. I had asked this question yesterday and based on tha...
How to avoid empty clear divs?
I have been using a lot of floats recently like this: <div id="buttons"> <input type="button" id="btn1" value="Button One"> <input type="button" id="btn2" value="Button Two"> <input type="button" id="btn3" value="Button Three"> </div> Sometimes I'll float a button to the right. Sometimes I'll float all of them to the right. This...
jQuery - can't set css propery in ajax callback function
I'm trying to get an jquery ajax callback function to update the background colour of a table cell, but I can't get it to work. I have the following code (which produces no errors in Firebug): $(".tariffdate").click(function () { var property_id = $('#property_id').attr("value"); var tariff_id = $('#tariff_id').attr("value"); ...
CSS display attribute parameters
i have a container box that includes a number of thumbnails. i earlier made a div out of all the thumbs, but that wasnt efficient. i am now including all the diff thumbs in tags and have included them in the same class. in the class attributes i have: .thumb-wrap { float: left; display: block; margin: 5px; } .thumb { ...
HTML: span with a background color and image -- why doesn't the color appear under the image?
I'm trying to add an arrow image beside the text within a span. Here's the HTML I'm working with: <span id="status" class='unreviewed'> Unreviewed <img src="bullet_arrow_down.png" /> </span> Now, I've coloured the background of the span with this css: #status { float: right; position: relative; cursor: pointer; -moz-back...
CSS cascade - how to avoid
How do I prevent CSS from applying my styles do descendants of descendants without giving them classes or ids? e.g. #mycontent table {border: 1px solid red;} Will style the correct table, and then ALL tables inside that one too. All I want is the first table to be selected, not all the subtables. ...
jQuery Cycle plugin z-index float problem
When I try to place an element on top of my jQuery Cycle element, it doesn't work. The element is always behind the jQuery cycle element. I use float: right; to position the element, and set its z-index to 100000, to no avail. Firebug sees the Cycle element and its children as having low z-indexes, and shows the floating element to be ...
Twitter menubar
You know the Twitter menubar how it's sort of rounded. How do I do that (in CSS?). I also want to make sure it goes around all my menu items. ...
Does <div> cause line breaks?
I have a menu bar and I want to create a div for each menu item so that they are separately horizontally by 5px. How do I do that? It seems that by simply wrapping an item around a div, it automatically causes each menu item to go on a new line. ...
jQuery UI DatePicker: override today css
I am using beforeShowDay to highlight special days in my jQuery datepicker. The only way I am able to change the background is to use the '!important' tag in my css class. This works perfectly for all days except 'today'. The css does not change the background color, only the border. my css: .genEvent a { border:solid 1px #DC143C !i...
What am I doing wrong with the styling in this sharepoint masterpage?
Here is the code sample <div class="Layouts"> <asp:ContentPlaceHolder ID="Center" runat="server" /> <asp:ContentPlaceHolder ID="PlaceHolderMain" runat="server" /> <p> </p> </div> The CSS that styles the Layouts div is .Layouts { background-color: White; margin-top: 17px; pad...
Side by side items with images using CSS
Hi, I am trying to display images side by side using just css. The problem is that the images are not displaying inline but as a list (I am using the tag to accomplish this). Maybe I am using the wrong type of tag or my css is just wrong (see below): ul { float: left; width: 15em; /* width is changed */ margin: 0; padding: 0; list-s...
CSS: Force text to wrap (OR defining element width by only one of its children)
Okay, this is a weird one to me. Here's the HTML element I'm working with: A photo with a caption. Ideally, I'd like it to look like this, through pure CSS: The width of the image's parent element needs to be dependent on the image's size. I can change the markup all I need to. (The text isn't currently in its own div, but it can ...
Proper way to emphasize html submit button?
If you absolutely have to style your html buttons, what is the correct way to emphasize some of them? e.g. "Add to cart" is usually emphasized visually to make it stand out. Option 1 - wrap submit in em or strong + css Option 2 - class + css Option 3 - ? ...
CSS - Do non-IE browsers support the "filter" attribute?
IE5.5+ has supported the CSS attribute "filter" where you convert a color image into grayscale using just CSS. filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); Do other browsers support a similar CSS tag without using JavaScript? ...