问题标签 [960.gs]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
ruby-on-rails - 将表单(tastic)拆分为三列布局
我对 Rails 很陌生,所以请原谅任何非常不准确的术语。首先,一些背景:我正在为一个小型分析实验室构建一个示例跟踪 Web 应用程序。能够将批量提交表单分成三列会特别巧妙。一个批次与第 1 列中的多个测试相关联,批次信息输入到第 2 列,单个样品在第 3 列中命名。理想情况下,第 3 列底部有一个漂亮的大提交按钮,可以推动整个混乱通过。
我使用 960(12 列)来生成 CSS,使用 formtastic 来生成表单。我的第一个倾向是通过三个 div 设置列并将表单离散地拆分为每个 div,但是,我不确定如何将表单拆分为 div,同时保持我称之为数据的持久性跨所有列。我什至应该使用 div 吗?这是一些代码显示我的一般要点:
提前感谢您的帮助!
css - 使用 960.gs 将 Div 放在所有其他 Div 的后面
我正在努力让我的页脚落后于我页面上的所有其他内容。到目前为止我所拥有的是:{page removed}
任何建议将不胜感激。
css - 960.gs 中的空但样式化的 div
我的网页草稿中有以下列,它基于 HTML5 Boilerplate 和 960.gs:
但是,当我在 Chrome 中打开页面时,该列根本不显示,除非我在其中放入某种内容,例如文本或空格。
我怎样才能在不求助于绝望的解决方案的情况下完成这项工作 
?
html - 将文本框定位在“登录框”背景图像上
我有一个“背景图形”,基本上是一个带有两个预制“白框”的设计,我想在其中放置我的登录名/密码文本框。他们固执地拒绝从该图像的左上角移动。
我正在使用 960 网格系统,但我认为这个问题可能不受此影响。
我尝试了各种方法 - 尝试绝对定位、填充/边距设置。即使在视觉工作室中,我也使用菜单(喘气!)将位置选择为绝对位置并将框向下拖动。在设计器中,它看起来在正确的位置,已添加 css,但在浏览器中,它又在左上角。在我的计算机了解一种新型“Windows”之前有什么建议吗?
我的目标是能够指定每个文本框应该在哪里的 x,y 坐标。我宁愿不求助于切片和桌子以及所有这些东西。
css 是标准的 grid960 设置,由于大小,我不会发布它。对于包含登录图像的框:
[已经针对#loginPanel 和#txtLogin 设置了各种定位设置,但到目前为止还没有运气]
标记:
任何帮助表示赞赏!
标记
css - ie7 中的 z-index 问题,具有固定的标题元素和透明度
我已经使用 960.gs 模拟了一个页面,该页面在 div 中固定了几个元素,页面的内容将在该 div 下流动。这个 div 的背景是 CSS 渐变,高度为 100%(如果渐变应用于页面的实际主体,它实际上并没有扩展页面的整个宽度)。当用户向上滚动时,内容将在不透明菜单后面可见。
http://resume.jamesfishwick.com/
布局在 FF 和 Chrome 中按我想要的方式工作,但页面内容在 IE7 中的固定上部区域滚动。
我知道正在创建一个新的堆叠上下文,但是我无法通过摆弄相关元素或其父元素的 z-index 来解决这个问题。我知道我可以合并网格使用的一些额外 div,但我无法以保持渐变和透明度效果的方式这样做。
如何在 IE7 中实现这种外观?
css - Fluid 960 手风琴扩展
我正在使用http://www.designinfluences.com/fluid960gs/改造一个网站
Fluid 960 使用 MooTools 以及其他一些技术。
在加载实现 Fluid 960 Accordion 样式的页面时,如何使第一个以外的手风琴子菜单项呈现展开状态?<li>
我尝试了and标签上的“当前”和“选定”类<a>
,但它们不起作用。
我还在流体 CSS 的参考页面上注意到,他们的 Menu Accordion 在 Submenu 3 上有一个“活动”类,它似乎没有做任何事情。
现在要编写一个小示例代码,但我希望有人可以回答它。
html - 如何修复 IE 6 错误元素垂直对齐?
如何修复 IE 6 中的页面元素对齐?
网站
css - 960.gs 带 100% 宽度标头
好的,我正在使用 960.gs,出于某些设计目的,我想要一个 100% 宽度的线与我的标题元素。但是我不能让它正常工作而不必包含多个容器,我并不完全赞成。
所以我的问题是这样的;我怎样才能在我的页面顶部有一个 100% 宽度的 div,并让该 div 的内容遵循网格系统?
先感谢您!
css - 无法在 960.gs 容器的背景中着色
我正在使用 960.gs (http://960.gs) 作为我网站的 CSS 框架,我试图在 .container_12 类的背景中着色,而不是在我的 .grid_12 类的背景中着色,以获得额外的 10px在每一边,给网格一点空白来呼吸。
我查看了 960.gs 示例站点,他的背景在 y 轴上重复出现,无论 .grid_12 或 .grid_16 类有多大或里面有什么,它似乎都在扩展。
当我想将背景绘制为白色(而不是在 y 轴上重复图像)时,看起来好像我的 .grid_12 是浮动的,因此 .container_12 没有高度,因此没有白色背景。
这是我的相关 HTML
和 CSS