I'm trying to deploy my first Rails app. At first, I was getting the following error: ActionView::TemplateError (Permission denied) I set the permissions of the stylesheets folder to 777 (just for now until I work out what's going wrong) and the application started to work. However, it is not picking up any of the stylesheets (eve...
I create a new MVC project and there is a default Site.css file. The default style creates a menu at the top, aligned to the right. I look at the stylesheet, and I see on ul#menu, the text-align is set to right. So I'm thinking setting it to left will make it go all the way to the left. But it doesn't. It ends up sitting somewhere in...
I am trying to do the tutorial in Chapter 6 of the 2nd edition of "CSS: The Missing Manual", and I've run into an issue I'm trying to understand. I have one style that looks like this: #main p:first-line { color: #999999; font-weight: bold; } Later I have another style that looks like this: #main p.byline { color: #00994...
I'm having a problem with getting my radio buttons laid out (and checkboxes) correctly in IE8 .. Firefox, Chrome, Opera all working however .. Here is a screenshot of the problem The code is below: <label for="AdditionalResponses_0__Response" id="AdditionalResponses_0__Response_Label">Single answer</label> <div class="row " id="Add...
I am stuck on this one... I have modified the default theme to a design my client came up with. All my modifications seem to be working okay, except the pages selected from the archive dropdown menu. Here's a link to an example page where the problem exists: http://mtrainierphotos.com/blog/?cat=15 Everywhere else the sidebar looks as i...
I'm not a 100% sure if I should be posting this here but where else can I post it (definitely not Server Fault or Super User) so hopefully it's not too inappropriate. I am currently developing a script that I hope to release as a plugin for wordpress and other open source content management systems. The script's purpose is to allow web ...
So let's say I have the following in 'foo.css': .border { border : solid 1px; } #foo { color : #123; } #bar { color : #a00; } Now let's say that I have two divs I want borders for, so I do: <div id="foo" class="border">Foo</div> <div id="bar" class="border">Bar</div> This works fine, but I find that when defining #foo and #bar in m...
Hi, I am trying to access the current 'active' top level node from a sitemap repeater from outside of the ASP.NET repeater used to render it, this is for CSS styling purposes as I want to place the child nodes on the subsequent row with different styling horizontally. At present I have the following code which I can't get to display cor...
I'm just working on my personal website, giving it a bit of a revamp. I've implemented a sort of 'accordion' menu feature, where if a menu button is clicked, the "non-clicked" buttons disappear, and then the clicked button is moved to the top of the list, where then a panel animates down in which I will be putting text content. In Fire...
Hello. I'm building wordpress blog themed in flash and I've already run into one problem. this doctype: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> Will not let me scale my .swf to 100% width and 100% height. Width is fine, but the height is not. my c...
In fixed width layout if width of layout is already defined in #wrapper {width:970px} then what should i add to inner div which i want to expand fully .like for header, footer, banner etc same width:970px to all div also No need to define any width or width:100% should be added ...
Is it good to add min-width, max-width, min-height, max-height always in any type of layout fixed or liquid? ...
What is best lightweight unobtrusive solution to open any link in custom size popup with "close" button? Edit 3: and if JavaScript is disabled then link should be open in new tab/window like any any normal page. popup should be open vertically and horizontally center on any screen resolution ( i've notices pop-up of some siteson net o...
The following is a class which I use to highlight a row, but it only makes changes for the cursor and font, not bgcolor of a row. I have also used background-color: #FFDC87; but it fails to get the desired output. .highlighted { bgcolor: #FFDC87; cursor : pointer; /*font-size : 50px;*/ } How can I make it work?...
I am looking for the best solution to allow text to wrap in the middle of a word if necessary. By best, I mean most browser-compatible, and will favor word breaks before it breaks inside a word. It would also help if the markup looked nicer than mine (see my answer). Edit: Note this is specifically for user-generated content. Edit 2:...
In order to test CSS in different browsers, do I have to result to installing each browser on my development system? Isn't there a useful program where you can just load an html+css file and view how it's rendered in different modern browsers? ...
Hi, I have the following HTML: <a href="">Bioshock 2<span> - Xbox 360 review</span></a> I'd like to style the first part of the link in one way and the span in another, like this: I've managed to do this, using the following CSS: a { text-decoration: none; } a span { color: #c8c8c8; } a:link, a:visited { color: #78...
Hi All I'm looking for a simple unobtrusive way to add a class="active" to an unordered list menu based on the directory it's in. Unfortunately I can't add a custom class to the body tag so I'm unable to use a pure css solution. Can anyone point me to a good tutorial - I've looked but can't find one that fit's my needs. Code looks like...
I have two div's like this <div id="left"><p>.....</p><br/> <p>.....</p> </div> <div id="right"><img ..../></div> And I have css. #left { position: relative float: left; } #right { position: relative float: right; } right div doesn't float to right, because p elements in left doesn't give space for right div element, but in CSS I...
Hey folks! I've been looking for this throughout the web and can't even find anyone else even asking this, let alone a solution... Is there a way to change the color of the highlight area within a a text input when text is selected? Not the highlight border or the background, but the portion that appears around the text when you have t...