css

div height using css(ie6 obviously)

I hate fiddly css and formatting, everytime I think I have cracked it, another problem comes up and I just ended up trying things out until it works - like a noob. Oh well. I have three 3 divs, one container, and two inner divs. One of the inner divs has text that can vary in height, the other is just checkbox, but for stylign reasons I...

Create a Adobe gradient picker with jquery and javascript

Hello. I want to create an component like Adobe gradient picker in Javascript and jQuery. I want to use the jQuery gradients plugin. there is a div with 2 markers left and right. when I clicked in bound of div this automatically add a marker, and when I double click on this it open a jQuery color to select a color. Also the marker shou...

Why is CSS Hover Slow In IE8?

Hi there. I have a page with a jstree and/or jqgrid - it really doesn't matter which one I use to show my point, as I suspect it's any hover effect in IE8... Back to point: When hovering over an <a> tag the background-color is changed with CSS. In all browsers, including IE7 (although slightly slower - I'd guess +-300ms) there is no la...

Google StreetView wmode/z-index issue in Google Chrome (Windows)

Hi, I'm trying to add the user's Google StreetView as the background in a php page after he is authenticated, but in Chrome(Windows) it is not considering the z-index of the div (it is in), and also the value of wmode parameter is being "" (empty), I'm trying to update the wmode parameter value to "transparent" then sometimes it works f...

on postback op asp.net coded website @import-ed cssfile is not loaded

We are working on an asp website using frames. In the inner frame, default.css is linked. In default.css, a few css-files are imported. On a postback, the css files are not executed. On a 'normal' load, css is executed. In the source of the webpage we do see the reference to default.css. The path is correct. When using in the head o...

jQuery CSS() for dynamically created elements

I'm using jQuery CSS function to style some elements $element.css(style); This works, but a part of the elements are created dynamically after the page load. This should be $element.live ('created',function() { $(this).css(style); }); I'm stuck on the created event. Any ideas? ...

What is the formula to calculate the font-size for tags in a tagcloud?

I have a tag cloud and I need to know how can I change the font-size for the most used tags. I need to set a min-font-size and a max-font-size. ...

CSS problem in ie, ff

<style type="text/css"> <!-- * { border: 0; margin: 0; padding: 0; outline: none; } body { background-color: #5e0305; /* font-family: 'Helvetica','Arial';*/ font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #999; line-height: 16px; } #itrunk, #strunk { /...

Need CSS Guru set of eyes for IE7 issue

I have a CSS drop down menu (with a small footprint of javascript to accommodate IE). This menu works absolutely perfectly, as designed, in every browser except (you guessed it) IE7. What is perplexing and frustrating to me is that when I switch my IE8 browser to mode-IE7 in the developers tools of IE I cannot create this issue. The men...

How to space nav buttons equally in Sitefinity radmenu

Hi Guys, I have a Radmenu which has 6 buttons in it which need to have equal spacing between them in my horizontal menu. I have managed to get this right using a percentage value but what if someone decides to add another menu button? Is there a way of aligning my UL menu in the middle of my wrapping DIV and then spacing the buttons eq...

When using overflow hidden - how to center an inner image?

Hi, on my homepage I display images in a 100px tall DIV. The images are all over 100px+ so I use a div with the CSS property of overflow:hidden to easily trim off the extra pixels. But the images don't look so good. Is there a way for me the center them vertically? This would make the "trim off" be the same for top and bottom. http://...

Load browser images with javascript event?

I've got a page containing a lot of images, which are initially hidden from view as I'm using tabbed divs (ie. hiding some divs using CSS display:none). Therefore, when then page loads, it takes ages to load all of the images, which looks like the page is slow (as the loading bar on the browser doesn't complete for 10+ seconds). I woul...

Resizing a div on button click, should this be done with AJAX?

I want to resize a div from client-side, it's default value is height:500px, clicking my button sets it to height: 700px. It's an asp.net web site. I am asked to do this using AJAX and I am unclear if this means to use the client-side javascript from the Microsoft AJAX Library, or if this means to use server-side AJAX doing a partial ...

Notification alert similar to how stackoverflow functions

How does stackoverflow create the slidedown effect to alert a user of a change ? ...

CSS3 Rounded and Dotted borders?

Is it possible to create a border in CSS3 such that they are rounded and dotted? I'm rounding my corners but they appear solid with: border: 1px dotted gray; -moz-border-radius-topright: 30px 20px; -moz-border-radius-topleft: 30px 20px; The rest of the border is dotted but the corners are solid. I understand that this is specific to...

Padding around select (dropdown) in IE

<td style="padding:1em;"> <select... /> </td> In IE the dropdown is not padded by the containing cell correctly, and is 100% of the width of the cell. Is there an easy way to fix this? Thanks btw I've only tried in IE7, but the solution needs to work in IE8 as well. I don't really care about IE6 and before. Edit: sorry I missed ...

How do I get Palm's WebOS browser to default to numeric input?

The following CSS worked fine in my Windows mobile phone, but my Pre won't default to numeric inputs. input.numeric { -wap-input-format:"*n"; } How do I get the Pre (and presumably other newer mobile browsers?) to default to numeric inputs? ...

Background image is not in centered in IE6

Hello, I am trying to use a body background image which is center aligned, but it does not work in IE 6. The CSS for the body is body{line-height: 160%;font-family: "Trebuchet MS", sans-serif; font-size: 80%; /* background: #000a28 url('img/main_bg.png') no-repeat center top;*/ background-image:url('img/main_bg.png'); background-...

CSS: Horizontal UL where LI contains a TABLE. Possible?

I am trying to fix a horrid nested table layout for a site. The page will have a variable number of elements that leverage Google charts. Instead of complex spaghetti code that tries to lay things out inside of table cells I want to use a horizontal UL so the content blocks will lay out cleanly regardless of the charts involved. The prob...

Simple CSS problem, 100% width

<div style="width:100%;border:1px solid green"> <div style="float:left"> <img src="images/logo.gif" /> </div> <div style="float:left;border:1px solid black;"> lol </div> <div style="clear:both"> </div> </div> The lol is in a box that is small, I need it to fill up the remaining space in the con...