css

JavaScript: opacity works in opera but not IE

Hi guys, I have used the following script for images and it appears to work fine; yet in Internet Explorer, the text is not fading out as it should. Any ideas? <td colspan="5" ID='links'> <ul id="navlist"> <li id="active"><a href="#" id="a" onmouseover="over(this)" onmouseout="out()">Apie įmonę</a>|</li> <li><a href="#" ID="b...

Wrapping a button around a scrolling pane

I have a content pane area that is a list, which slides to another area on click. So second area starts out hidden. I have an image button that I want to "wrap" on the edge of the pane, like the image here. But I can only make it work without having overflow set to hidden. But then of course both panes show at once. Is there a way to do ...

How should you control font size on an iPhone web app (using CSS)

With both iPhone3 and iPhone4 with vastly differing dpi I'm wondering how to approach setting a base font size with an iPhone web app. Essentially, my approach will probably be to use em sizes throughout but what is the best way to set the 'base' size in the body selector. (Unfortunately, I'm still waiting on my arrival of iPhone4 so I...

How can I get --webkit-tap-highlight-color to highlight an entire DIV?

I'm struggling to get iPhone OS4 to produce the default tap highlight on a DIV, in a UIWebView (ie embedded in an application, not in Safari). The markup is: <a href="..."> <div class="item"> <div class="imgWrapper"> <img...> </div> <div class="Title"> Title text </div> </div> </a> I'm aiming for a display that looks like th...

aligning 3 <div> containers?

HI i have 3 containers and i want to align them with one being on the left of the screen, one in the middle and one in the right. with equal space left in between the containers. whats the best way to do this? thanks ...

CSS: margin-top to a block affects to the container div.

Hi, I have this page. I want to give a margin-top to the logo, but when i do it, the div that contains the logo goes also down, why? Regards Javi ...

Round corners in IE

This demo only Works in IE6, IE7, and IE8. http://www.impressivewebs.com/css3-rounded-corners-in-internet-explorer/ What technique is being used in this? ...

Recreating CSS pseudo-classes in jQuery

I am trying to add a little animation with jQuery to my navigation bar. Right now I have the sub menus of the nav bar changing from display:none to display:block with the css :hover pseudo-class. As I said, I am trying to do this with jQuery, so I need to create a selector that was similar to the one I used in my css. The selector I was ...

Collapsing DIVs with JQuery

Hello, I have a page with two divs on it. This page looks like the following: <div id="waitDiv"> <div id="waitText">Analyzing...</div> <img src="wait.gif" /> </div> <div id="finishedDiv" style="visibility:collapse;"> <div>You may now proceed</div> <div>Please remember that....</div> </div> <script type="text/javascript"> $(...

CSS: can css applied to <td> and <tr> elements perfectly simulate the style of <div> elements ?

hi, I wanted to know if I customize a table with <td> and <tr> elements in the same way I usually customize <div> elements of a page. I'm asking this because I cannot modify the generated html code, and I would like for example to float the rows to right, or to add padding, margin. Is CSS working perfectly on <tr> or <td> elements ? (...

Fixed background x position but not y with CSS?

I have a background image which I want to make fixed to my page when the page is scrolled. I want it where that if I scroll to the right, it remains in place. BUT, I also want to make it such that if I scroll the page in the y direction, the background DOES scroll with the page. An example would be line numbers in any IDE. I scroll the ...

ASP.NET DataGrid and styling with CSS

I have never had an issue with putting th { background: #900; } as a style in a css file and have that apply to the header row of an ASP datagrid. But for some reason today, I have a grid that is getting output with everything in TBODY and even the headers are in TD tags. Any ideas? One thing that is a little different for me is ...

-ms-filter with javascript

How do I implement the -ms-filter in javascript? I tried the following which does not work: document.getElementById(ba[i]).style.sFilter = 'progid:DXImageTransform.Microsoft.Alpha(Opacity=' + value*10 + ')'; Another question. If I want to change the font color of an element I used the following (which worked in everything exce...

What is the proper, standard way to handle CSS floats

I have always thought that the correct way to handle CSS floats was to use either a clear div, :after pseudo class, or overflow: auto on the parent. As I understand it clear is designed to clear floats and expand the parent element back to normal. That is it's purpose, yes? Today I found heard of an alternate method of handling the floa...

Doing a top level navigation with drop downs: have IE bugs

So I was trying to do a top level navigation and it works pretty well across the regular browsers (it has kinks but those I can iron out). But for whatever reason, in IE6/7 the links are placed over the dropdowns when the browser viewport shrinks. It functions in what I think is most of the other browsers, and I do not for the life of ...

Show Vim omnicomplete on certain characters instead of Ctrl-X Ctrl-O?

In Vim 7, Ctrl-X Ctrl-O shows a list of possible values but I find this sequence of keys to be too long when I frequently use the autocomplete feature. For instance, in an HTML file, I'd like to see the list automatically popup after I type a < followed by one or two letters. In a CSS file, I'd like to see the list after I hit the ":" ke...

Customizing the formatting output of .sass?

#foo { color:black; } Is there some sort of option to prefix a newline before the trailing } when a .css file is generated from .sass? I would appreciate it if someone included an example of combining sass --watch style.scss:style.css, which is what I'm using, along with this newline requirement. ...

Display text vertically (rotated 90 degrees) in IE and Firefox

I have a page that houses an asp GridView and I would like to display the text vertically to allow it to print better. Currently I'm using css to do that: .rotate { -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); width: 25px; } Which works in FF except the 25px width is ignored and in IE the width is being set correc...

Google Custom Search Engine with IE6

I am trying to use Google Custom Search (Business Edition) on my site. I am not using the iFrame but I am using the Custom Element. I selected a theme and everything looks fine in all the browsers except IE6. All the search results are taking the Promotion CSS. Update - Posted Code <div id="cse-search-form" style="width: 100%;">Loading...

background image not repeating in IE...

This should be real simple...not sure what I'm not seeing here...the background image repeats just fine in non-IE browsers but fails to in IE8. site: http://www.erisdesigns.net/Stage/McCampbellInsurance/index.html #wrapper { max-width:100%; min-width:1000px; min-height:100%; margin:0 auto; background-image:url(image...