blueprint-css

问题 I'm diving into web development and I'm playing with the Blueprint CSS framework, which includes a grid system, and I have a few questions. What's the point of gutters? Surely they're not used to include space between the columns because you can just use the margin CSS property for that, right? Or are gutters just an elegant way to manage margins? I don't want any space between my columns and would like to generate a grid layout that doesn't include gutters, but all the generator tools

问题 This question already has an answer here : Closed 7 years ago . Possible Duplicate: Hyperlinks showing URL with Blueprint DOM: <div id="menu"> <ul> <a href="#">Home</a> <a href="/contacts">Contact List</a> <a href="/album">Event Album</a> </ul> </div> Looks weird, why the href are printed? /* Menu */ #menu{ width:400px; height:50px; margin:10px auto; border:solid 1px #313131; background:#ffffff; overflow:hidden; } /*------ MENU ------*/ #menu ul{ list-style:none; } #menu ul a{ text-decoration

问题 I'm attempting to make my form pretty I'm not sure what I'm doing. I've got two select boxes and two sets of icons that I would like to format like this: ^ +-------------+ +--------------+ | | | <-- | | | Select 1 | --> | Select 2 | | | | | | v +-------------+ +--------------+ The left and right icons in the middle move items to and from the Select boxes and the up and down arrows on the left move items in Select 1 up and down. Whats an easy to way to get this layout with css? I've been able

问题 I'm attempting to make my form pretty I'm not sure what I'm doing. I've got two select boxes and two sets of icons that I would like to format like this: ^ +-------------+ +--------------+ | | | <-- | | | Select 1 | --> | Select 2 | | | | | | v +-------------+ +--------------+ The left and right icons in the middle move items to and from the Select boxes and the up and down arrows on the left move items in Select 1 up and down. Whats an easy to way to get this layout with css? I've been able

问题 I have a web page that needs references to jQuery and Blueprint and extjs, I ve seen some docs for dealing with (1) jquery and other libraries and (2) extjs and other libraries The docs I ve found also seem to contradict each other a bit, and reference older versions of the libs, so was wondering if anyone did this and what is the least painful path ( so this task doesnt take me a looong time) Note: this site needs to support ie6 ( this is js stuff so I m sure this is a relevant piece of info

问题 I have the following code in my application.erb file in my layouts directory. I have the blueprint directory inside of public/stylesheets however the link doesn't work. It says it is supposed to be located at <link href="/assets/blueprint/screen.css" media="screen" rel="stylesheet" type="text/css" /> But There is nothing there. <%= stylesheet_link_tag 'blueprint/screen', :media => 'screen' %> <%= stylesheet_link_tag 'blueprint/print', :media => 'print' %> 回答1: use this <%= stylesheet_link_tag

问题 I am using Blueprint CSS framework and currently facing a strange problem. If the content of my page gets longer than the monitor screen and the footer goes below, then the entire page moves a bit to its left side, but if I cut short the content and make it fit withing the screen so that the footer is visible (without having to scroll down), then the page moves back to the right side again. I am not sure but I am guessing its clearfix issue. Do you think the same? Could you please tell me how

问题 May I ask you how to make rails web design more efficient? Is compass plus blueprint the perfect match? Is the current version of compass support rails3.1 Are there any other frameworks that will make rails web deign easier? Thanks 回答1: Definitely a framework like compass is awesome, it includes a lot of helpers, and provides a good solid base. For form-styling I would recommend using a gem like [formtastic][1], which not only greatly simplifies making forms, but also provides a standard css

问题 The Blueprint CSS framework makes all table rows of alternating colors by default. How to disable this behaviour for one table? I tried to use Chrome Developer Tools to see all the styles Chrome uses for a defined table, but did not find the style which would set the colors for rows. I also searched the Internet and did not find a solution. It's like magic... Anyone can help me out? 回答1: You need a more specific selector to override... BP is pretty general though so that shouldnt be an issue

问题 I'm trying to deploy a rails app but I'm stuck with an asset pre-compilation error. According to the production log the error is being caused by a 'Blueprint' css script called screen.css (as you can see in the error output below). However according to the production log, this asset does in fact get pre-compiled. I've tried explicitly adding screen.css and print.css to the precompile array, both in the application.rb and config/environments/production.rb files as follows config.assets