css

jQuery.css() for IE Only styling.

I'm using jQuery to position elements in a submenu. The html looks like: <div class="menu"> <div> <a>Menu Option</a> <div class="submenu"> <div><a>Submenu Option</a></div> </div> </div> </div> menu has position: relative, submenu has position: absolute. IE8 and FF are rendering the submenu...

Drag control over flash movie issue???

Hi All I'm using jquery to drag popup control around the page ,every things work fine but when the page has flash movie the popup doesn't appear over flash also when set z-index to 100 . is there any work around this issue??? $('.modalPopup').ready(function() { $('.modalPopup').draggable({ zIndex: 2700 }); }); ...

CSS: how do I have a border-bottom on table rows, except for the last row

I have a variable number of table rows (n), and I would like the border bottom to apply to rows 0..(n-1) how do I do that? ...

html, css or other

I'm trying to add a stroke to text in css: color-stroke:red; filter:glow(color=FFFF00,strength=3); This apparently works in safari but I need something that will work in IE, FF, and Chrome.. Any suggestions?? ...

Javascript fade or crossfade background images

Hello! Is it possible to fade in / crossfade background images please? If so, how... Thank you. ...

Click through a DIV to underlying elements

Hi there, I have a div that has a transparent background, and a border - sort of like an actual window, window-frame, and transparent walls. Under this, I have more elements. Currently, I'm able to click the underlying elements when I click outside of the overlay div; however, I'm unable to click the underlying elements when clicking ...

Photoshop-esque blend mode in web pages using CSS or JavaScript?

Hi, I am wondering if it is possible to blend two or more images together on a webpage using blend modes like you will find in photoshop (overlay, screen, lighten, etc). I know that this kind of thing is possible with flash and java, but is it possible without any plugins i.e. with CSS or JavaScript? I have seen a few javascript exampl...

Why does my contentEditable element become draggable/resizable in Firefox?

I'll be answering this question To my great surprise, I discovered that, after using JavaScript to apply a class to an element and make it contentEditable, the element suddenly gained draggable and resizable UI elements. This only occurs in Firefox. Why does this happen and how can I fix it? ...

Change Element Id with Javascript, if...else if...else

I'm trying to create an if...else if...else argument where the only variable is the current Access Level number. This will determine what content to display to the user, so that someone with level 1 will see one thing while someone with level 0 will see another. By default everything is hidden, but once someone goes to the web page the ...

Java libraries to manage CSS explosion and or reuse?

Java Q: I like CSS for simple web pages but loathe it when it comes to real world sites because you get css explosion and lots of repeating. I am tempted to use Sass and or Compass but they are Ruby programs which will most likely require some interesting Maven + JRuby love to get working for Java Web app dev. This also makes it difficu...

CSS Lining up images. Always 1px difference. Why/How?

Hey guys. I have implemented a Facebook Like button into my site. I wanted to make other buttons which fit the same style as the like button. I made them the same height as the like button, yet regardless my button would appear one pixel above, or below the like button - this was really obvious and looked bad. Now I am relatively new t...

why does javascript have a set of built in objects?

any particular reason? ...

Link animated color changing in jQuery?

I've a link named #link. It changes color after hover, like this: $("#link").hover(function(){ $(this).css({color: '#fed900'}); }); All I want to do is smooth, animated color change. I know I have to put .css in an .animation somehow, but can't figure it out how. I think that's the right way, but it doens't work at all: $("#l...

aligning images

What's the best way to align images ina list. I am trying something like and I expect them to see aligned vertifically below each other but the text kinda wraps aorund the image. text image text ...

HTML email not displaying correctly

i have a strange problem with sending HTML mail in c#. Basically i am trying to email myself the weather every morning and I begin by downloading the weather in HTML markup from an ftp site. After obtaining the source file i then read it into a string and create a mailMessage using the following code. string body = File.ReadAllText(@"...

Why are my floated list items stacking?

Usually, I can CSS myself out of any corner, but this Friday afternoon issue is getting to me! Here is the problem. Mouse over the menu items (birthday, wedding, ...) and observe the dropdown. Originally, I had these list items floating left fine. I've mucked around a lot with the CSS on the rest of the site, and since I checked them ...

CSS for inner background color of a text field

I have a text field, and it's good everywhere except Opera, where it takes the color of the background. How can I make just the inside white? Setting background(-color) to white makes the entire square element background white, which is not what I want. The cornering is border-radius. No IE hacks needed :) No specific CSS is used ...

Magento CSS not Loading in New Template

I have posted on the template creator's site, as well as Magento support, but no one has responded. The CSS is not loading at all on the custom theme I have installed, which is supposedly compatible with the current version of Magento. You can view the page here: shop.dearearth.net This is a fresh installation of Magento and the theme...

Can IE7/8 display position:relative elements in front of position:absolute ones?

I have a layout based on absolute positioning and a CSS-based menu in the header area. Everything works fine in Firefox, but in Internet Explorer 7 and 8, the menu dropdowns are covered by the content area. IE simply does not honour the z-index property in this case. I read about stacking contexts and the z-index bug, but still could no...

How to stretch the width of an element, so that it is (100% - widths of its siblings)?

Say, I have the following unordered list. The button has width: auto. How do I style the elements, so #textField would stretch as much as possible, so the width of #textField and the button would add up to 100%? <ul> <li> <input id="textField" type="text" /><input type="button" /> </li> </ul> ...