I have been pulling my hair out trying to get Chrome to style my search input with a background image. Firefox has no problem, but I fear it's because it treats the input as a regular text input. Is this simply not possible? Try this as a demo: <input type="search" /> input[type="search"] { background: transparent url(http://go...
http://betawww.helpcurenow.org/media/press/ You'll see I have used spans within an anchor, with the span.hover-description set to display:none; by default, and on a:hover that span is set to display block and absolutely positioned to create a tool-tip effect when hovering over the name and email of the "For Immediate Release" contact na...
Hello all, I have two elements on the same page that are using the same stylesheet: Jquery Tabs and Jquery Slider. I cannot redefine classes of slider since change of css will affect both elements. Tabs using these classes: ui-tabs ui-widget ui-widget-content ui-corner-all And these are used in Slider: ui-slider ui-slider-horizo...
hello, my main question is as follows: how to show only the first subchild of a ul or li upon clicking the enclosing parent. eg: <ul> Grandparent <li> Child1 <li> Grandchild11</li></li> <li> Child2 <li>GrandChild21</li><li>grandchild22</li></li> </ul> so, for example I would like something to the effect of $('ul').click(function...
I have an unordered list, I'm trying to hide the text in the list. I can do this 2 ways that i know of: font-color: transparent; font-size: 0px; I prefer the 0px method as its not selectable. This issue is neither way works in IE6. The first way just doesn't work in IE6 at all, the 2nd leave a 1PX high font. Is there a way to hide the...
Hi, I'm trying to get the url portion of the following string: url(images/ui-bg_highlight-soft_75_cccccc_1x100.png) So the required part if images/ui-bg_highlight-soft_75_cccccc_1x100.png. Currently I've got this: url\((?<url>.*)\) But it seems to be choking on the following example: url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50...
I use jquery.hover to toggle a class when someone mouses over a link. On the iphone when someone taps the link, it toggles the class on, but it doesn't ever toggle the class off until they tap somewhere else. ...
Hi, I know "position: absolute" will pop an element from the "flow of HTML/CSS" and it stops interacting with its neighbors. What other ways are there to achieve this? ...
I have a table with fixed layout. On overflow, the contents of cells should clip from the left instead of the right. That is, if the width of the TD is less than the width of the text, the cell below should display "67890" instead of "12345". This needs to work in IE7+ at minimum. Is there a way to do this in css without any JavaScript...
Here's my tooltips markup and CSS: <div class="tooltip">Click here to like it</div> .tooltip { position: absolute; display: none; background: url('images/tooltip.gif') no-repeat; width: 100%; height: 40px; font-size: 0.8em; line-height: 40px; padding: 0px 0px 0px 8px; } Now, I have a div on my page cal...
I just need a sanity check here... DEMO Basically, I can't figure out how to get the box under the link to get wider as more content is added. It seems fixed to the width of the parent div (or the width of, say, the longest element like the select or a really long word with no spaces), despite being absolutely positioned. I use this tri...
I have this nav that uses addClass('hover') when the mouse is rolled over an item. This works fine except in IE7 when the addClass function is called every element with float:left stops floating and the page totally loses its structure. This is my JS: _this.position_sub_menus = function(){ $('#header #nav > ul > li').mouseenter( ...
Simple question - what part of my CSS do I tweak to adjust the gap between a bullet/number and the first text character in an HTML list? Bonus question - I've seen it mentioned here that controlling table spacing by adjust padding on table tr td {} is bad practice, but I haven't seen someone explain how you're really supposed to do it.....
In an effort to move to HTML5, does one have to abandon jQuery or is a port underway to move jQuery to HTML5? For example, jQuery has animations like SlideDown, SlideUp etc... that aren't using HTML5 for animations? Wouldn’t HTML5 handle that more optimally? ...
In what cases these are useful? table-layout font-stretch font-size-adjust orphans and widows marks clip ...
The string "Fernando Salgado Alonso" is much longer in IE7 than in FF. Why? What can I do to fix it? ...
I'm trying to create a bar with a dynamic horizontal width. The backgrounds are transparent pngs so they can't overlap. I have one for the left side, one to repeat-x across the dynamic width middle and then another bg for the right. Here is kinda what I have so far... .bar{ width: 100%; overflow: hidden; } .left{ width: 50px; height: 5...
Hi, recently I've encountered a problem with IE. I have a function function() { ShowProgress(); DoSomeWork(); HideProgress(); } where ShowProgress and HideProgress just manipulate the 'display' CSS style using jQuery's css() method. In FF everything is OK, and at the same time I change the display property to block, progr...
I want to show ... when overflow happens, but sadly in css there is only overflow:hidden which is near but not exact what I want. Is it possible to implement it ? ...
I have three divs #header #content #footer I want them to consume 100% (height) of the window, but I want them to scale accordingly. I've tried assigning percentage heights to each div but I can't get this to work. ...