See this pastie in firefox. When resizing the browser window horizontally, then when the yellow area gets hidden a bit I want a horizontal scrollbar to appear. In Safari this code works fine. How would you style this for firefox? I am using overflow:auto; I only want the scrollbar to appear when it makes sense, I don't want to see it al...
Hi all, I have a <div> on a webpage which ends up with a calculated height property of 633px. This is not set in any cascading style sheet, inline or not, nor is it set in a javascript. I have searched everywhere in my code but the number 633 does not show up anywhere. I can solve this by setting style="height: 420px;" which is the heig...
I need a quick solution to getting some decent layout working within the tabnav widget display area. I'm already using blueprint css for other aspects of the layout but I don't have enough CSS chops to figure out how to get blueprint containers to display within the tabnav's content area. The tabnav's content area is <div class="main_...
I need to change the width of the table while printing the page using <link rel="stylesheet" type="text/css" href="../css/reportPrint.css" media="print" /> Can I change the width of the table while printing from the CSS file? Any help would be appreciated. ...
I got a quick question about sprites in css: Will I send two HTTP Request if I include the same image twice in a css file? For example if I want to load two different buttons from the same icon set image: .btn-1 { background:url('img/icons.png') 0 0; } .btn-2 { background:url('img/icons.png') 0 -60px; } or is there another wa...
Hi, I have an ASP.NET application that renders a 3rd party (Telerik's) menu control under another control (RadDock) when the menu expands. This artifact ONLY happens in IE7. Not in Safari/FF/Opera/Chrome (Have I left any out?) The menu control needs to be rendered OVER the other control. I have Google'd this a fair amount, but hav...
Hi, I have a list: They used to bring concerns about their children or their marriages. But increasingly parishioners are also telling Glen VanderKloot, a Lutheran minister in Springfield, Ill., about their financial worries, and that puts him in the unusual position of dispensing investment advice. This is the Second g This is the ...
I have a CSS class that makes my links look like nice looking buttons. I would like to be able to apply the same style to Submit buttons and make them look the same as well. The trickiest part is that the anchor tags need to have a span inside them, I don't think that is possible with form submit buttons. So does anyone know how I can ma...
Page: http://www.visitherefordshire.net/news In Internet Explorer 7 and Opera 9.6, the text is running outside the box. It appears to be due to the tables being 100% width: if I set a pixel width (e.g. 700px) then they fit. As far as I can see all the 'outer' divs are not wider than the visible box, so why does the 100% width on the ta...
I want to hide a form input field. But calling setVisible('inputID', false) causes my liquid layout to collapse. I don't want that. Is there some easy workaround here? I thought about trying to render the input field's foreground color, background color, and border color to be all white. But that's getting unnecessarily complicated....
Hi guys, I have a webpage that is using third-party html that I cannot change. I can however edit the CSS style sheet. I have a "sliding-doors" style button that I want to swap for the default input button on the page, but I cannot figure how to do so using only CSS. Here is the html of the button <div> <input type="button" style="mar...
I'm writing in ASP.NET (which may be irrelevant in the end). I've already addressed styling the gray on gray default style of disabled/readonly TextBoxes (HTML INPUT), now I'm trying to tackle DropDownLists (HTML SELECT). I've tried these--which work fine for TextBoxes--but none work for dropdowns: .ReadableReadonly, select[disabled],...
I'd like to put a group of div elements of fixed width into a container and have the horizontal scroll bar appear. The div/span elements should appear in a line, left to right in the order they appear in the HTML. (essentially unwrapped) This way the horizontal scroll bar will appear and can be used instead of the vertical scroll bar f...
Hi.. I am seeing weird behavior in IE 7 and Chrome with changing the opacity on a transparent background png in my navigation. the CSS : ul.tabs a { height: 48px; filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity: 0.8; opacity: 0.8; } div.header ul.tabs a:hover { filter:alpha(opacity=100); ...
Hi,I have a question. How can I select the which display is none? Given code like this: <p id="p1"> <span id="test1" style="display:none">test1</span> <span id="test2" >test2</span> </p> I can select the whose id is test1 by using $("span[id='test1']"),<br/>, but it does not work when i use $("span[style='display:none']").<br/>. ...
We have enabled Apache's mod_deflate on our drupal site. From that point onwards, we are noticing that CSS files aren't getting loaded properly. It doesn't happen every time. Kinda random. Did anyone else notice this issue? If so, any suggested solutions? ...
On a website I made, one person sent me a screenshot which shows that my subtitle font is too large. I've checked the site on two machines (Vista) with FF, IE6, IE7, IE8, Safari/win, opera/win. I can increase the font size of the browser, but the subtitle stays the same size (since it is 8pt as shown below) which is what I want (so it ...
Is it possible to do something like this: class SimulationController < ApplicationController layout "generic", :only => [:login, :invalid] layout "menubar", :except => [:login, :invalid] For some reason, my login page still uses the menubar layout (I can tell because a menu bar will appear at the top). If I comment out the 3rd lin...
UPDATE #2: I have solved almost all my issues bar the one major one. With the same structure and CSS IE7/6 displays each a with 100% width of it's container. I need this to no happen. Besides that everything else is fine. Can anyone enlighten me? UPDATE: Should Look Like This I have the following html page (detailed below). It...
I'm looking for a JavaScript library that can create round corners on div tags with a transparent background, such that the background colour/image of the parent element is visible at the rounded corners. For an example of rounded corners without a transparent background, have a look at the left menu on this page. Notice that the backgro...