问题标签 [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 投票
3 回答
299 浏览

php - 360 网格 - 用奇数条记录完成行

我正在尝试使用 360 网格系统来完成此操作:http: //imgur.com/4ZFll

从数据库中,我得到的产品将按每行 4 行显示。

如果每个类别下正好有 4 个产品,它工作得很好,但是如果一个类别中的产品少于 4 个,那么设计就会混乱,因为 div 没有正确关闭。问题是有时一条生产线上只有 3 个或更少的产品。

你们有谁知道如何做到这一点?

(对不起标题,我不知道该怎么称呼这个问题:))

0 投票
1 回答
375 浏览

jquery - 帮助 960 网格和 jquery

作为一个班级小组项目,我在做前端,而其他成员在做后端。我正在使用 24 列 960 网格系统来尝试定位所有内容。这是我第一次真正使用 CSS 和 960 网格系统做一个项目。

我正在使用 javascript 来包含其他 html 文件。不包括页眉和页脚,我为主要内容区域创建了 6 个 div,并希望每个 div 包含不同的 html 文件。2 行,每行 3 个 div。

我遇到的问题是 div 相互堆叠,即使我给了它一个 grid_8 类,我也无法真正控制每个 div 的宽度。最重要的是,它们彼此堆叠在一起,即使我向下滚动,它也会在底部被切断。我还想让页脚保持在底部,但我不想一直固定在浏览器的底部,而是想一直向下滚动才能看到它。

这是 atm 的样子,我给 div 设置了边框,这样你就可以看到它们是如何堆叠的http://i53.tinypic.com/2lbzgp.png我还放入<div id="clear"></div>header.htmlfooter.html文件

任何帮助表示赞赏,在过去的一周里一直让我发疯。

再次编辑不知道我是否做对了,但这里是代码http://jsfiddle.net/RZtXu/3/

0 投票
2 回答
720 浏览

css - 有没有人将 OOCSS 与另一个网格框架结合起来?

我对使用 Nicole Sullivan 的面向对象的 CSS哲学/编码方法/其他的好处感到很满意。特别是,我热衷于在我目前正在构建的站点中使用诸如“媒体块”之类的原则。

然而,它捆绑了一个液体式网格系统,我们的设计师目前正在构建一个严格的960 网格宽度系统。960 网格系统使用固定的 12 或 16 列布局,每个布局由 40 或 60 个像素组成。OOCSS 将布局分成 1/2、1/3、1/4 或 1/5 部分的流体分区。

960.gs 具有固有的“装订线”边距,每列 10 像素。OOCSS 在列之间没有边距,因为它们可以是任何宽度,而是在内容元素之间提供边距,以便将内容和容器分开。

将这两个框架中最好的一个混合并匹配到我们公司的 CSS 样板文件中是不是一个坏主意?OOCSS 网格框架的流动性是否使其不适合刚性 960 页面宽度?我们也在使用 HTML5 样板。

我问这个是因为我已经发现,当尝试将某些框架与 OOCSS(例如 SASS)合并时,两种方法可以相互正交,最好选择一个并坚持使用它 - 但这可能并不总是就是这样。

0 投票
3 回答
641 浏览

css - 960.gs 布局问题

我正在尝试学习 960 网格系统。我的左侧正文出现在右侧,反之亦然。我的意图是将这两个盒子放在同一行。左侧正文在页面上的显示也高于右侧正文。

有任何想法吗?使困惑!

0 投票
1 回答
175 浏览

wordpress - 960gs 不同类别的预告片

我很难在我的 wordpress 主题(基于 960gs)中使用预告片,你可以在这里看到http://img17.imageshack.us/img17/794/schermata20110420a15045.png我现在得到的是一个“精选”帖子和三个带有缩略图的预告帖子可能会是六个(因此主页上将显示七个帖子)。问题是这样做我必须为预告片分配一个类“grid_2 alpha”,我不知道如何将这个类分配给左边的第一个预告片,而其他没有alpha或omega的类并将欧米茄类放在最后一个预告片(第七个)。

如果可以提供帮助,这是我用于循环的代码:

我也想知道如何在第一个特色帖子下的预告部分上方添加一些文本。很抱歉有太多的问题和我的英语不好,因为你可以理解我不是开发人员,但我搜索了一周,找不到任何对我的问题有帮助的东西。提前感谢您的帮助,我真的很感激。

0 投票
4 回答
4220 浏览

css - 为什么使用 Sass(不是 SCSS)?

大家 — 我正在查看最近关于 960 Grid System 的演示文稿,刷新 OKC – 2011 年 4 月 19 日,在倒数第二张幻灯片 (101/102) 上,该人建议“如果您要使用 Sass,请使用 Sass,而不是 SCSS 。” 鉴于 SCSS 是新的主要语法,为什么更喜欢 Sass 而不是 SCSS?是否只是为了简洁而不是与 CSS 相似,还是有真正的理由使用 Sass,而不是 SCSS?

0 投票
5 回答
6565 浏览

css - 使用 grid 960 时,我还能有 100% 宽度的标题部分吗?

我想使用网格系统,比如网格 960。

但是我希望网站的顶部标题是 100%,这还有可能吗?

0 投票
2 回答
524 浏览

css - 960-fluid-rtl.css 在哪里?

我将 Drupal Omega 主题配置为流体和 rtl,但 960 GS 不支持流体 mod 中的 rtl 布局。

我在哪里可以找到 960-fluid-rtl.css?

0 投票
1 回答
259 浏览

960.gs - 960-gs 自动清除漂浮物吗?

指南针中的 960 插件会自动清除浮动吗?我会假设是这样,但是我现在的布局有问题,所以我猜我必须使用 compass clear mixin 明确清除它?

0 投票
1 回答
417 浏览

css - IE7 z-index / 960gs 多级菜单“消失”的bug

又是一周,又是一个问题。我已经阅读了所有的博客,并在这里搜索了几个小时,但还没有找到有效的修复程序。

这是有问题的网站:http ://www.opexsvs.com/ (我会在这里发布代码,但它很长,可能与我没有注意到的 DOM 中更远的地方有关) .

我被多级菜单难住了。当您开始在 IE7 中向下滚动“服务”项时,菜单会消失。

如果您对此有修复,请告诉我,所有其他浏览器都正常运行,我似乎无法在 IE7 中调试它。谢谢!