问题标签 [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.
yui - Yui,如何删除 2 列布局的边距?
我希望两列触摸即。删除边距,我该怎么做?
我的代码:
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 帖子中所提供
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 的东西。
css - 在 YUI 网格中保持块对齐
当我有一个在yui-main
块中几乎没有内容的网格布局时,一些侧边栏块(在我的情况下是外部的yui-main
)会跳到主块下方。
这是此问题的示例页面(如果文件不再存在,则为pastebin'd 源)。
例子
这个工作正常,因为里面的内容#yui-main
比外面的内容长:
然而这个没有,因为外面的yui-main
内容比里面的内容长。因此它在下面溢出yui-main
。
css - 制作三列布局,使用 yui-grids 固定侧边栏
我一直试图做到这一点,但没有取得多大成功。
我怎样才能使用 yui-grids 制作像 yui-t1 这样的模板(左侧边栏为 160px 的模板),但右侧边栏也有相同宽度?
中心柱应该是液体...
css - yui-css 网格:如何设置 1/4 - 2/4 - 1/4 网格?
我一直在尝试让 yui-css 网格系统制作一个三列网格,其中第一个(左)使用 1/4 的空间,第二个(中间)使用 2/4 的空间,第三个(右) ) 使用 1/4 的空间。
像这样的东西:
任何输入将不胜感激。
更新:从答案/评论来看,我意识到需要更多信息。
- 该网站有一个固定的(750px - YUI 中的#doc)。
- 我对任何 YUI 解决方案都不感兴趣(无论如何,谢谢),因为我很想开始使用 YUI-CSS 作为基础框架,所以我正在做的这个项目是一个测试,看看它是否满足我的需求。我喜欢它在不同浏览器上的工作方式相同的事实。
jquery - jQuery 选项卡,用于选项卡和内容的单独 div
我使用 jquery 选项卡没有任何问题,只是我想为列表(选项卡)和内容设置单独的 div。
但我想做的是将 ul 和内容包装在单独的 div 中。
我查看了文档,但没有看到指定此内容的地方。任何帮助将不胜感激。
css - 如何使用 YUI 网格垂直定位 div?
替代文字 http://img9.imageshack.us/img9/2900/yuicssquestion.gif
你好,
我正在使用 YUI 网格进行布局设计。我想垂直定位 col3,并使其始终粘在页面底部。怎么做?
我找不到任何关于 YUI 网格中垂直定位的在线文档。希望有人可以对此有所了解:)
javascript - 替换 YUI3 中的 YUI 网格?
YUI3弃用了 cssgrids,但我没有在网站上看到替代 API。使用 YUI3时如何布局网格(将来——现在,我当然可以使用 yui2 网格)?
jquery - YUI CSS 基本网格模式:使用 jQuery 在右侧网格 (yui-ge) 上获取宽度+边距
我的网站上有这个基本网格模式:
这个设置给了我这个:
替代文字 http://horgenweb.org/temp/yui_jquery_width.jpg
我正在尝试获取右侧 div 的宽度 + 左侧边距宽度 jQuery。
给我的盒子宽度只有 325 像素。有人知道怎么做吗?