css

Prevent Google Translator from changing height of html to 100%

I added a Google Translator widget to a site (using the code provided here: http://translate.google.com/translate_tools) and have the following issue: It automatically adds a style attribute to the html tag whose value includes: height: 100% This is "breaking" the page layout. For example, CSS backround images that were positioned t...

One finger momentum scrolling in iOS in overflowing div

I have a webpage with two side by side overflowing divs that split the screen, similar to gmail the iPad. This works fine on desktop versions of WebKit, but is basically broken on iPhone / iPad because scrolling requires two fingers and lacks any momentum. What is the best way to implement two scrolling areas for the iPad, similar to g...

Is than any better way for Round corners for Div with jquery.corner.js?

I am currently using jquery corner for making a div round cornered. But the problem I am facing is that when the background of that rounded div is a gradient, it is showing some odd colors in the corners. I want to know any other better way for including round corners for div EDIT 1: $(".nav").corner("20"); This code im using for th...

nivo slider - next and prev image

Hi, has anyone ever used nivo slider for images? I'm having an issue with showing the next and prev images for the navigation. It shows the prev image for boh next and prev navigation. can anyone help please? ...

ie 8 show itself as ie7 [CSS if condtion] ?

ie8 version on my computer , show itself as ie 7 when i use CSS IE CONDTION like <!--[if IE 7]> <script type="text/javascript">alert('hello iam ie 7 :P ');</script> <![endif]--> but when i try it on another computer with ie8 its work normally , its possible to have any problem in my client website or this is ie problem ? (IE 8.0.7...

Store front-end features in Rails?

In the public folder we have stylesheets, javascripts and images. I want to add a front-end feature that has it's own css, js and images, but according to this hierarchy i have to store them like this: stylesheets/calendar/main.css javascripts/calendar/cal.js javascripts/calendar/cal2.js images/calendar/front.jpg images/calendar/button...

addClass("test") doesn't work - but css("background","red") does.

Anyone know why? Here's the JS: $(".screenshots .tab1").hover(function() { $(".section1").addClass("test"); }, function() { $(".section1").removeClass("test"); }); }); And the CSS: .test { background: black; border: 1px solid #ffb75b; background-color: #fffadb; } ...

Accessible way of hiding an element until jQuery's $(document).ready()?

I have a large survey that I have made more usable with jQuery by arranging it into sections and using an accordian menu to flip through each section. The trouble is, there is a noticable snap when $(document).ready() fires and condenses everything into an accordian menu. That is to say that before $(document).ready(), you can see the w...

How to enable scrolls when browser resized

I have simple html table on the page. I want to add horizontal-vertical scroll bars to the table when the browser is resized to continue showing the table content. How can I do this? ...

Excel-friendly html: keeping a list inside a single cell

I know that when generating html that needs to be viewed in Excel, if I want to ensure that <br> tags don't cause a new row to be generated, I can specify <style><!--table br {mso-data-placement:same-cell;} --></style> In the <head> section. What do I need to do if I want the same behaviour for lists (i.e. for content inside of <ul> ...

Fixed positioned search box with Autocomplete suggestions

Hello all In my webapp I have a search box in a fixed toolbar on the top of webpage. I implemented the fixed position of toolbar like this.... #toolbar { position: fixed !important; position: absolute; height: 25px; width: 100%; top: 0px; left: 0px; margin: 0; z-index: 10...

In browser template editor

I'm tending to make an in browser template editor. It will have a GUI to play with css (text, background, margin...) html (make div layout) and generate html and css separately. But it seem is huge thing to do. So I'm looking for something similar. Any suggestion? ...

Beginner html ques :: How to get horizontal scroll bars to appear? they just won't..the data in the td tag is moving on to the next line

I want the text to appear in one single line..td actually contains text and drop down list controls...Also its a table within another td tag I have tried changing everything..alignment, width..what not but the text moves to the next line instead of appearing on the same line..I want the horizontal bars to appear..what value should I gi...

Fixed header with scrolling content? And minor css question...

How can I make the header fixed and the content scroll "under" the header? Also how can I get the CSS Play button to be above the line and look decent? index.html: <!DOCTYPE html> <html> <head> <title>lingo records</title> <meta charset="utf-8"> <link rel="icon" href="/favicon.png"> <link rel="author" href="http://fork...

CSS- How to create child menu towards leftern side

Hi all my goal is to get the child menu expanded towards the left hand side instead of the right hand side. The CSS is as follows, /*<![CDATA[*/ /* page styling, unimportant for the menu. only makes the page looks nicer */ /* - - - ADxMenu: BASIC styles - - - */ /* remove all list stylings */ .menu, .menu ul { margin: 0; ...

left div fill remaining horizontal space?

I have two divs #left, and #right. the right div has a fixed width. How can i cause the left div to take up all remaining horizontal space? ...

Is there a way to make Blueprint CSS grid fluid ?

Is there any tool to recalculate px values in % ? ...

Is there a way to get a list of all the CSS applied to a HTML fragment or page?

I know it's easy to get the CSS that is applied to a single node in HTML, using tools like the Firebug extension for Firefox, etc. But is there a way to see all the CSS that is in effect on an entire page, or a larger fragment of HTML? Specifically, we are cleaning up our one extremely large CSS file into smaller modules and would like...

Onfocus: How to stop it prompting IE security box?

Hello OS folks, I have this on an html: <input type="text" name="username" size="10" alt="Username" value="Username" onfocus="if(this.value=='Username') this.value='';" /> But this prompts an irritating IE security box on browser. It there anything I can do to get rid of that IE box? Or any other option to use to the same e...

Any way to make this css work in most IE versions?

I have this code to cast a shadow on imagese: .shadow{ box-shadow: -2px 2px 4px #666; -webkit-box-shadow: -2px 2px 4px #666; -moz-box-shadow: -2px 2px 4px #666; filter: progid:DXImageTransform.Microsoft.dropShadow(color=#666, offX=-2, offY=2, positive=true); } This works in FF, Opera, Safari, Chrome but not in IE6 (haven't tested any ...