css

Firefox opacity issue: text gets weird, colored outlines if container opacity < 1.0.

This doesn't happen in Chrome or Safari. It's a little bit noticeable in IE8, but very slight (and gray). The outline I see on both my monitors is greenish. I don't know if it's an issue with my graphics card or with Firefox's rendering of fonts at different opacities. It happens whether or not the style is set CSS statically, not using...

CSS Z-Index OVER Javascript "Survey Monkey" PNG Fade at bottom of Scroll Bar

Hello, Looking to add a PNG Fade at the bottom of the our survey questionnaire box. The short questions won't show them, but for the longer ones with a vertical scroll I would like to add a slight fade at the bottom to help indicate there is more below. The scroll bar should be enough to notify people, but some people need a little more...

CSS Link Problems

I'm having a bit of difficulty adding some CSS to a link. I'm using a CMS that automatically generates menus in an unordered list. However, where you're on a given page, it applies class="active" the the li and not to the link itself. This works fine for adding a background to the link, but I'm trying to change the link color. <li clas...

Placing bottom border under <li>

I need to place a bottom border under outside positioned bullet. I can't use inside positioning because the text wraps under the bullet. Please let me know if its possible to do what i ask. Thank You. ...

CDN of Common Web Site Icons

I am trying to distribute my image HTTP requests across multiple domains for faster performance. Is there a CDN (Content Delivery Network) out there hosting common web site icons (or sprites of icons)? Example: Like carrots, arrows, icons for file types, or 50% opacity of black png. FYI - I am NOT talking about hot linking. Yes, I u...

Check if opacity is set

Hi there. I have a script that animates opacity but if the opacity has not been previously set then it just disappears. I just wondered if there was a way to check if the opacity has been set. Thanks in advance! ...

Why Firebug on Firefox shows "border-width: 0 1px 1px" but Computed Style shows 1.1px?

Firebug shows that the style is: #summary-border { background:url("/images/gamma/backgrounds/product.gif") repeat-y scroll right bottom transparent; border-color:#D0D0D0; border-style:solid; border-width:0 1px 1px; display:inline-block; /* this one is shown to be overridden */ overflow:hidden; } But computed style sho...

Large 5000 cell Grid using css, javascript and xhtml

Hi I need to create a large grid with approx. 5,000 cells (10x10px). each cell needs its own ID, has to be clickable. cells that have been clicked need to be shaded differently. I also have to have a background image which needs to remain visible. This is wrecking my head as the HTML overhead creating 5000 div tags is simply too much. ...

javascript / jQuery / CSS - vertical text ?

Hi how can I make text draw vertically, like in this site: http://cure.org/help-now/ ? I see that it's done with jQuery + SlideDeck because I see them loaded, but how exactly does the plugin do this? Firefox has css -moz-transform, but other browsers don't have such properties, and the vertical text from that site shows in all browsers...

The biggest misunderstanding of how css works?

I have been working with css for years and continually found everybody has a different opinion of how to use it to layout components, often people give up and resort to html tables (not that this is a good thing). So I pose the question; what is the biggest misunderstanding with how CSS works? ...

Why is z-index not working on these two elements?

You can see my issue here: http://pmind.com/staging/123.html I've tested this in Chrome, Safari, Firefox and Opera so I know it's not just an Internet Explorer wonky bug. In the top right of the content, there are two text links, that are being hidden under the graphic. The <div> that contains the text links comes further down in the ...

Embed wmv hides dropdown/floating objects in Chrome

I've tried many tricks found on the web including: wmode transparent z-index WindowlessVideo But none of them seem to work on Chrome. Works fine on IE and FF. This version of code is XHTML compliant: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt; <html x...

Repeat/Clone a <tr> element using jQuery's clone() function

I am trying to clone a template of a which will be populated with data and then inserted into a table. I'm currently able to use the same .clone() function with other elements on the same page but jQuery refuses to see and clone the template (I'm guessing because its not a block element). Here is the template: <tr id="search_result_...

How to add and remove a current state to a link when another is clicked using jQuery

Hi there, it my first time here - please go easy on me! I am struggling to find an answer to my question which is: How to add and remove a CSS .current class to a link when another link is clicked. For example, using this code: <a class="boldthislink">Bold me?</a> <a class="boldhim">bold him</a> <a class="unboldhim">unbold him</a> I...

How is the swoosh done on beautyoftheweb.com?

On Beauty of the Web, there is a purple/blue swoosh at the beginning, if you are in IE9 or Chrome. How is that done? What is that? How come it only displays in IE9 and Chrome? ...

Javascript Split properties into Object exclude inside Strings

What is the best method for splitting or extracting the css properties out of as string and into an object? var cssProperties = 'background:green;content:"Content;";color:pink;'; The above should result in the following var theObject = { background:'green', content:'"Content;"', color:'pink' } Unfortunately I can not ju...

Control's CssClass field changes on Init

I'm working on someone else's code and found something very interesting and hoping someone might know how this is happening. In the markup file, I place a TextBox control and a DropDownList control, and assigned both of them the CssClass of InputField which changes the background color and other cool stuff. To avoid any doubts, her...

Fancy price plan

I'm tring to make a price list like http://www.squarespace.com/pricing/ or like http://github.com/plans. Do you know if I can have that already built for programmer/webmaster ? Thank you! ...

Is it possible to use webkit css masks with SVG without an external file?

Webkit allows the use of an external SVG file as a mask for any HTML element. Ie: <img src="kate.png" style="-webkit-mask-image: url(circle.svg)"> Resulting in: (More information here: http://webkit.org/blog/181/css-masks/) Does anyone know if there's a way to do it without an external SVG file? More specifically, can it be done w...

Recreate "Styles" drop down area of Office Ribbon?

I am trying to recreate the "Styles" section of the Office ribbon: http://www.winsupersite.com/images/reviews/office2007_b2_06.jpg I like how it starts out as only one row, then you can scroll through the rows, then click the arrow to expand all into a table like above. Does anyone have any ideas on how to recreate this whole interactiv...