问题标签 [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.

0 投票
2 回答
1492 浏览

ruby-on-rails - 将表单(tastic)拆分为三列布局

我对 Rails 很陌生,所以请原谅任何非常不准确的术语。首先,一些背景:我正在为一个小型分析实验室构建一个示例跟踪 Web 应用程序。能够将批量提交表单分成三列会特别巧妙。一个批次与第 1 列中的多个测试相关联,批次信息输入到第 2 列,单个样品在第 3 列中命名。理想情况下,第 3 列底部有一个漂亮的大提交按钮,可以推动整个混乱通过。

我使用 960(12 列)来生成 CSS,使用 formtastic 来生成表单。我的第一个倾向是通过三个 div 设置列并将表单离散地拆分为每个 div,但是,我不确定如何将表单拆分为 div,同时保持我称之为数据的持久性跨所有列。我什至应该使用 div 吗?这是一些代码显示我的一般要点:

提前感谢您的帮助!

0 投票
1 回答
354 浏览

css - 使用 960.gs 将 Div 放在所有其他 Div 的后面

我正在努力让我的页脚落后于我页面上的所有其他内容。到目前为止我所拥有的是:{page removed}

任何建议将不胜感激。

0 投票
3 回答
996 浏览

css - 960.gs 中的空但样式化的 div

我的网页草稿中有以下列,它基于 HTML5 Boilerplate 和 960.gs:

但是,当我在 Chrome 中打开页面时,该列根本不显示,除非我在其中放入某种内容,例如文本或空格。

我怎样才能在不求助于绝望的解决方案的情况下完成这项工作 

0 投票
1 回答
3625 浏览

html - 将文本框定位在“登录框”背景图像上

我有一个“背景图形”,基本上是一个带有两个预制“白框”的设计,我想在其中放置我的登录名/密码文本框。他们固执地拒绝从该图像的左上角移动。

我正在使用 960 网格系统,但我认为这个问题可能不受此影响。

我尝试了各种方法 - 尝试绝对定位、填充/边距设置。即使在视觉工作室中,我也使用菜单(喘气!)将位置选择为绝对位置并将框向下拖动。在设计器中,它看起来在正确的位置,已添加 css,但在浏览器中,它又在左上角。在我的计算机了解一种新型“Windows”之前有什么建议吗?

我的目标是能够指定每个文本框应该在哪里的 x,y 坐标。我宁愿不求助于切片和桌子以及所有这些东西。

css 是标准的 grid960 设置,由于大小,我不会发布它。对于包含登录图像的框:

[已经针对#loginPanel 和#txtLogin 设置了各种定位设置,但到目前为止还没有运气]

标记:

任何帮助表示赞赏!

标记

0 投票
3 回答
727 浏览

html - 如何在不破坏布局的情况下在图像周围添加边框?

站点:在这里

图片html:

当我添加border: 2px solid black;到图像时

布局中断...

0 投票
2 回答
875 浏览

css - ie7 中的 z-index 问题,具有固定的标题元素和透明度

我已经使用 960.gs 模拟了一个页面,该页面在 div 中固定了几个元素,页面的内容将在该 div 下流动。这个 div 的背景是 CSS 渐变,高度为 100%(如果渐变应用于页面的实际主体,它实际上并没有扩展页面的整个宽度)。当用户向上滚动时,内容将在不透明菜单后面可见。

http://resume.jamesfishwick.com/

布局在 FF 和 Chrome 中按我想要的方式工作,但页面内容在 IE7 中的固定上部区域滚动。

我知道正在创建一个新的堆叠上下文,但是我无法通过摆弄相关元素或其父元素的 z-index 来解决这个问题。我知道我可以合并网格使用的一些额外 div,但我无法以保持渐变和透明度效果的方式这样做。

如何在 IE7 中实现这种外观?

0 投票
1 回答
414 浏览

css - Fluid 960 手风琴扩展

我正在使用http://www.designinfluences.com/fluid960gs/改造一个网站

Fluid 960 使用 MooTools 以及其他一些技术。

在加载实现 Fluid 960 Accordion 样式的页面时,如何使第一个以外的手风琴子菜单项呈现展开状态?<li>我尝试了and标签上的“当前”和“选定”类<a>,但它们不起作用。

我还在流体 CSS 的参考页面上注意到,他们的 Menu Accordion 在 Submenu 3 上有一个“活动”类,它似乎没有做任何事情。

现在要编写一个小示例代码,但我希望有人可以回答它。

0 投票
3 回答
143 浏览

html - 如何修复 IE 6 错误元素垂直对齐?

如何修复 IE 6 中的页面元素对齐?

网站IE6 错误

0 投票
1 回答
1649 浏览

css - 960.gs 带 100% 宽度标头

好的,我正在使用 960.gs,出于某些设计目的,我想要一个 100% 宽度的线与我的标题元素。但是我不能让它正常工作而不必包含多个容器,我并不完全赞成。

所以我的问题是这样的;我怎样才能在我的页面顶部有一个 100% 宽度的 div,并让该 div 的内容遵循网格系统?

先感谢您!

0 投票
1 回答
1769 浏览

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