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

html - 关于使用 960 网格系统进行 CSS 设计的问题

我正在使用960 网格系统来创建布局原型。

我想将导航内容之间的颜色设置为#000(纯黑色),但我不知道如何。我目前得到的是:

替代文字

使用此代码:

我的两个问题:

  • 如何为所有“中间”空间指定颜色,例如导航和内容之间的空间?
  • 如果我不像教程中那样使用 clear,我的布局只会看起来像我想要的那样。为什么?

对于中间颜色,我尝试将其放入 custom.css 中但没有成功:

如果您不熟悉 960 网格系统,但仍想尝试帮助整个 960.css,可以在这里找到。


两个问题都解决了:

  • 我的第二个问题在 Jan Aagaard 的帖子中得到了解决。我没有包含 nbsp XML 实体并且有一个空的 div。它不起作用,至少在 Firefox 3.x 中不起作用。

我当前的代码如下所示:

960 网格系统说网格子节点应该遵循一定的规则。第一个子节点应该有alpha类,最后一个是omega类。这就是我在上面所做的。这与 GateKiller 在下面给出的答案不同,除此之外,它还提供了一个解决方案。

0 投票
3 回答
1260 浏览

css - CSS 框架(即:960gs 或 Blueprintcss)可以在没有边距的情况下使用吗?

我看不出使用http://960.gshttp://blueprintcss.org的意义,如果他们强制执行除漂亮杂志布局/marketing-esq 小册子之外的边距。有没有办法可以使用这些来满足某些设计要求,例如可以实际触摸/环绕标题的导航栏?任何使用这些框架而没有边距的输入(因为它们将浏览器兼容性强加给较少 CSS 大师级别的开发人员)将是理想的。(注意:我们使用的是 JSF,这也是一个开发商店,根本不是网上商店)

0 投票
3 回答
1444 浏览

css - 网站使用 960.gs 什么 css 规则负责 div 填充 100% 屏幕宽度

嗨,我正在尝试学习 CSS,并且一直在查看网站的来源以了解它在实践中的工作原理。前几天偶然发现了960网格系统,发现一个非常漂亮的网站设计是使用960gs框架>> OneHub

在这个阶段,在我对 CSS 有更好的理解之前,我认为使用 CSS 框架对我来说并不是很明智。所以我的问题是关于他们如何在网站上实现居中的内容框,背景填充以扩展到您的浏览器宽度。

我安装了萤火虫,但我不知道为什么他们网站上的 div 如此。#gutter, #navigation 将扩展以填充整个浏览器宽度。我看不到这些 div 是如何计算它们的宽度值的,因为似乎没有一个子元素足够大,或者没有一个规则会迫使这些 div 变大。

我不明白宽度是 100%,我本来希望在 CSS 的某处看到一些边距自动规则或宽度 100%,但我找不到它。其他使用 960gs 的网站可能也在做同样的事情,但我只是将这个网站用作参考,因为我认为它的设计很好。

我希望我的问题是有道理的,并感谢您对此提供的任何帮助

0 投票
3 回答
811 浏览

html - 为什么我的浮动左 div 使用 960.gs 转到 IE6 中的下一行?

我正在使用 960 网格系统来制作网站 (www.960.gs)。

我有一个 9 列宽的 div(grid_9),里面有两个 div(grid_5 和 grid_4)。

这意味着产生一个大的外部 div,其中 2 个内部 div 并排坐在里面。

但是,在 IE6 中查看时,它显示为一个较大的 div,其中包含两个内部 div,一个在另一个下方。

在 Firefox 中,div 彼此相邻,正如它们的本意一样,并且相同的设置在站点的其他部分也可以正常工作。

到底是怎么回事?我搞不定。

这是html:

0 投票
2 回答
4837 浏览

html - 960 网格在 Internet Explorer 中左对齐

我在一个站点上使用960.gs CSS 框架,并且几乎立即在 IE 上遇到了问题(7,尽管我认为 6 也好不到哪里去)。

鉴于上面的 HTML(CSS 只是与 960 捆绑的文件),Firefox 和 Chrome 将网格居中,而 IE 将其推向左侧。

我以前用过 960 没有任何问题,所以我想我一定是在做一些非常愚蠢的事情。任何人都可以帮忙吗?

0 投票
1 回答
1214 浏览

css - 我可以左对齐或右对齐使用 960 CSS 框架的网页吗?

我刚开始使用 960 CSS 框架,发现它使我的页面在浏览器中居中。如何更改此设置以使页面与浏览器窗口的左侧对齐?

在此先感谢您的帮助!

0 投票
3 回答
1880 浏览

html - 960 比 Blueprint 更有利于好的设计?

比较使用960 设计的网站和使用Blueprint设计的网站,在我看来,960 网站要清晰得多。

我不知道这是否是我正在查看的样本的巧合。

还是说960有什么更利于好的设计?

0 投票
4 回答
11097 浏览

django - 将一个查询集渲染成 2 个 div 列(django 模板)

有没有一种好方法可以将查询集的枚举呈现为两div列?

使用 960 网格,我有一些效果...

在 Django 中,一个模型需要在这两个列中呈现它的枚举内容,并且最好在某种程度上相等。目前,我有一些丑陋的代码,在视图中将 QuerySet 分成两半,然后每一半在各自的列中呈现。

必须有更好的方法来做到这一点,最好只使用模板渲染系统?

仅供参考,以下是它目前“工作”的方式:

视图.py

模板.html

0 投票
6 回答
2006 浏览

css - 格子 960 究竟是做什么的?

我已经看过所有这些“网格”类型的 css 框架,但我仍然对它们的作用感到有点困惑。

我知道它们可以帮助您快速创建页面,因为已经为您定义了布局,但是这些框架是否会使某些事情变得更加困难?

0 投票
5 回答
1464 浏览

css - 如何使用 CSS 网格框架来自定义宽度和排水沟?

如何为自定义宽度制作自定义CSS网格框架?在我的公司中,我得到了不同尺寸的设计(PSD),宽度站点如 900 像素、920 像素、915 像素、973 像素等,以及不同的装订线尺寸,如右侧 10 像素、左侧 20 像素等。在这种情况下怎么能我使用并受益于基于网格的框架