问题标签 [yui-grids]

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 回答
668 浏览

yui - Yui,如何删除 2 列布局的边距?

我希望两列触摸即。删除边距,我该怎么做?

我的代码:

0 投票
6 回答
4042 浏览

css - YUI grids.css 真的那么灵活吗?

雅虎的 YUI 项目有一些非常棒的、经过良好测试的组件,我刚刚开始将它们集成到我的(固定宽度)站点中。我实际上非常兴奋——我已经有一段时间远离面向消费者的网站创建了,看到过去几年的发展让我很开心。

非常喜欢 YUI 组件和 reset.css - 我认为我使用Yahoo YUI grids.css是不费吹灰之力的。事实上,他们说自己卖得很好:

“结合页面宽度、模板预设和嵌套网格,可以实现几乎无限数量的复杂页面布局”

(来自上面的 grids.css 链接)

但是,我正在尝试做一些非常简单的 3 列布局,但似乎无法做一些基本的事情——在如何做这些事情的文档中也找不到很好的解释。

例如:

  • 我可以更改列之间的排水沟吗?
  • 将 1/2、2/3、1/4 类型的布局相互嵌套非常容易,但我可以嵌套yui-t1模板吗?
    • (我确实获得了有限的成功嵌套yui-t1选择器,但最终有多个 div 具有相同的 id,这让我相信我做错了什么。

我的网站更多地是“设计驱动”——也就是说,有一个需要制作成页面的 Photoshop 标记。

到目前为止,我的印象是 YUI Grid 适用于更多“内容驱动”的网站,在这些网站中,您可以获得诸如新闻之类的内容,而这些内容不一定必须适合精确的设计。这是一个公平的说法 - 还是我错过了使用 grids.css 的一些魔术?

我是否更适合使用具有固定定位的替代网格?


YUI 的替代品 - 如另一个 stackoverflow 帖子中所提供

0 投票
15 回答
123545 浏览

css - UL 清单样式不适用

我有一个样式表,无论出于何种原因,它都不会将 list-style-type 应用于 UL 元素。我正在使用 YUI 的 Grid CSS 和他们的 reset-fonts-grid.css 文件,我知道作为 CSS 重置的一部分将其剥离。

调用 YUI 后,我调用了网站的样式表,其中有一个 UL 块:

我也尝试通过列表样式设置它,但得到相同的结果。我知道上面的 CSS 块正在被读取,就好像我添加了填充或边距之类的东西,它们确实被应用了。样式类型没有出现在 Firefox 或 IE 中。

我应用于 UL 的唯一其他 CSS 是在 #nav div 中,但 CSS 不涉及 list-style-type,它使用 YUI 提供的重置,YUI 和站点样式表是仅有的两个 CSS被调用的工作表。

我在网站的管理端也有 FCKEditor,该编辑器确实显示了项目符号样式,所以我知道它必须是 FCKEditor 没有过滤的 CSS 的东西。

0 投票
1 回答
204 浏览

css - 在 YUI 网格中保持块对齐

当我有一个在yui-main块中几乎没有内容的网格布局时,一些侧边栏块(在我的情况下是外部的yui-main)会跳到主块下方。

这是此问题的示例页面(如果文件不再存在,则为pastebin'd 源)。

例子

这个工作正常,因为里面的内容#yui-main比外面的内容长:

然而这个没有,因为外面的yui-main内容比里面的内容长。因此它在下面溢出yui-main

0 投票
5 回答
1882 浏览

css - 制作三列布局,使用 yui-grids 固定侧边栏

我一直试图做到这一点,但没有取得多大成功。

我怎样才能使用 yui-grids 制作像 yui-t1 这样的模板(左侧边栏为 160px 的模板),但右侧边栏也有相同宽度?

中心柱应该是液体...

0 投票
3 回答
553 浏览

css - yui-css 网格:如何设置 1/4 - 2/4 - 1/4 网格?

我一直在尝试让 yui-css 网格系统制作一个三列网格,其中第一个(左)使用 1/4 的空间,第二个(中间)使用 2/4 的空间,第三个(右) ) 使用 1/4 的空间。

像这样的东西:

任何输入将不胜感激。

更新:从答案/评论来看,我意识到需要更多信息。

  • 该网站有一个固定的(750px - YUI 中的#doc)。
  • 我对任何 YUI 解决方案都不感兴趣(无论如何,谢谢),因为我很想开始使用 YUI-CSS 作为基础框架,所以我正在做的这个项目是一个测试,看看它是否满足我的需求。我喜欢它在不同浏览器上的工作方式相同的事实。
0 投票
1 回答
2162 浏览

jquery - jQuery 选项卡,用于选项卡和内容的单独 div

我使用 jquery 选项卡没有任何问题,只是我想为列表(选项卡)和内容设置单独的 div。

但我想做的是将 ul 和内容包装在单独的 div 中。

我查看了文档,但没有看到指定此内容的地方。任何帮助将不胜感激。

0 投票
2 回答
892 浏览

css - 如何使用 YUI 网格垂直定位 div?

替代文字 http://img9.imageshack.us/img9/2900/yuicssquestion.gif

你好,

我正在使用 YUI 网格进行布局设计。我想垂直定位 col3,并使其始终粘在页面底部。怎么做?

我找不到任何关于 YUI 网格中垂直定位的在线文档。希望有人可以对此有所了解:)

0 投票
2 回答
2845 浏览

javascript - 替换 YUI3 中的 YUI 网格?

YUI3弃用了 cssgrids,但我没有在网站上看到替代 API。使用 YUI3时如何布局网格(将来——现在,我当然可以使用 yui2 网格)?

0 投票
2 回答
461 浏览

jquery - YUI CSS 基本网格模式:使用 jQuery 在右侧网格 (yui-ge) 上获取宽度+边距

我的网站上有这个基本网格模式:

这个设置给了我这个:

替代文字 http://horgenweb.org/temp/yui_jquery_width.jpg

我正在尝试获取右侧 div 的宽度 + 左侧边距宽度 jQuery。

给我的盒子宽度只有 325 像素。有人知道怎么做吗?