css

How to get rid of text box selection highlight on Chrome/Safari?

When using Chrome or Safari, an active text box or text area will display a blue/orange border around the box. I have seen some sites get rid of this, but I have copied their CSS and it's still there. How do I do it? ...

a href link on img

Hi I have the following code to have few links on top of img. It works well in FF but not in IE. It seems IE is not clickable if you put link on top of img <div style="z-index:-6755;"><img alt="October Offer" src="images/offers/october-offer.jpg" /></div> <a href="javascript:void(0);" onclick="window.parent.SqueezeBox.close();" style="t...

How to override HTML image using CSS

Hi, I have my current code: #content img[src="/img/test.gif"] { background-image:url(dark-img.png) !important;} From my understanding !important; overrides existing values? Why isnt this overriding the current HTML image in place there? The background shows up, behind the HTML image. I want it infront of the HTML image, is this pos...

Cufon text overlays Fancybox

Hi. I'm using the Cufon library to display some text on this page. If you look (via Firefox 3.6.x) at the section called "Thank You Gifts" and click the text in that area, you'll see a Fancybox (ver. 1.3.1) pop up. When it pops up, I have to hide the Cufon text title of the section or it will overlay the Fancybox. How do I fix this so ...

Double Background image top and bottom

Hello Stack overflow, Need help on this anyone? The problem on this one is if you will zoom-out the browser the grass & tower is resizing. because of the position:fixed top:270px; This is for the grass & tower will be on the right location on the page. If I will put a top:0; its good because its stick on the top but the problem is the cl...

Regex in python to get javadoc-style comments in CSS

Hi there, I'm writing a python script to loop through a directory of CSS files and save the contents of any which contain a specifically-formatted javadoc style comment. The comment/CSS looks like this: /**thirdpartycss * @description Used for fixing stuff */ .class_one { margin: 10px; } #id_two { padding: 2px; } The regex...

jQuery modal dialog using different styles?

When we display our grid (jqGrid) in a jQuery modal dialog it uses different styles (font size specifically) versus the grid displayed on our main screen. Any ideas why? ...

Smarty Relative include path

File structure is as follows: index.php settings/ |-manage_account.php templates/viriditio-v2/ |-index.tpl templates/virditio-v2/css |-style.css localhost/~braden/virditio/index.php shows the template like expected showing index.tpl with the style sheet paths correctly showing: <link rel="stylesheet" href="templates/virditio-v2/cs...

Limit Initial width of select list

I have a select list, where some clients have entered insanely long options for them, which breaks the design. I'm wondering if there is a way to set a fixed width on the select widget, but still have the drop down menu it produces still be wide enough to display all of the option. ...

IE7 / IE8 Compatibility View: Element on page shifts to correct position when ANY css changes

Hi all, I have an extremely strange problem in IE that I can't seem to track down. I have two boxes, both floated left, with a margin-left on the right box to give some spacing between the two. In Firefox (of course), it all displays correctly, but in IE when the page is first loaded, the boxes have no separation (no margin). Here's th...

Background command not displaying/showing from the stylesheet when using date picker js

Hi there, I'm new to this site having stumbled across it recently (and am loving it!) and was wondering whether someone can help me - I'm using Kelvin Luck's fantastic date picker and for some reason a background image is not behaving properly... Here's the code straight from my CSS sheet: a.dp-choose-date { background: url (../ca...

CSS & HTML: I'm having trouble aligning these divs...

Each of them are off by a couple pixels, The corners should all line up so that it doesn't look like a bad copy / paste job in paint. Code: http://jsfiddle.net/Lbgp3/ ...

CSS Drop Down Menu size change dynamically depending on content?

How is it possible to make a drop down menu's width change depending on the width of the content? I have a drop down menu showing two drop downs, one has small words so it has a set width, yet the other drop down has longer words so it's pushing my content down to the next line. How can the width be automatically the size of whatever i...

CSS: expanding widthsize

Hey. I am working on a simple "design"/box for my site, and i would like to make the width more than it is now. It is 980px now and i would like to make it 1150px, but when i do this, my border with opacity, gets all weird and the box turns to the right(and i want it all in center) Here's before: http://jsbin.com/obefo3 Here's after: (...

Show div on mouse over of dynamic td

I want to show dynamic div for each dynamic td. consider <tr><td><a id=1>abc</a></td></tr> <tr><td><a id=1>cde</a></td></tr> <tr><td><a id=1>fgh</a></td></tr> <tr><td><a id=1>hij</a></td></tr> <tr><td><a id=1>klm</a></td></tr> these tds wil be generated based on data from db. i want to show a div on mouse over of tag. The main thing...

Testing the website accross multiple IE versions

Possible Duplicate: Running IE6, IE7, and IE8 on the same machine I am testing my website on different versions of IE. What is the best tool to perform the test on the same machine? I came across a tool called IETester. Is this tool recommended? How do you typically perform this type of test? Note: I have tried http://spoon...

How do I indent without hiding parts of shadows?

I have content that I'd like to align vertically, so I'm using this simple class to indent: .indent-1 { margin-left: 144px; overflow: hidden; } This works fine in most cases, but if I have a box with a drop shadow within the indented content, the overlfow: hidden hides part of the shadow. Is there a way to accomplish this i...

What's the best way to utilize jQuery-UI theme on CDN with local fallback?

Is there anyway to load jQuery-UI theme from CDN, but with local fallback? Similar to the javascript fall-back outline here? Google Hosted CDN with fall back ...

jQueryUI - Draggable Resetting z-index after "stop" Event Executes

I am trying to re-order the z-indexes of several DIVs so that the most recently dragged stays topmost. I have the following code: $(".elementsIWantToDrag").draggable({ zIndex: 10000, stop: function(){ $(this).css('z-index', 9999); alert($(this).css('z-index')); } }); ...and all is well and good until the ac...

Converting -moz-linear-gradient For All Other Supporting Browsers

Here's my rule: #element { background: -moz-linear-gradient(center top, #FFF 8px, #F2F2F2 24px, #F2F2F2 100%) repeat scroll 0 0 #F2F2F2; } I want to take that rule and apply it to all of the browsers that support a linear gradient. What would this rule's syntax look like for Chrome, Safari, and ... Internet Explorer? I'm considerin...