问题标签 [yui-pure-css]

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 投票
1 回答
271 浏览

google-maps - YUI Pure Grids Mangle Google 地图控件

我正在使用 YUI Pure 可调整大小的网格。其中一个元素需要容纳谷歌地图。地图渲染良好,标记等没问题;另一方面,谷歌地图控件被破坏得面目全非。放大和缩小按钮不可见。你们有没有人解决过这个问题?有问题的 HTML 如下所示:

0 投票
3 回答
98 浏览

html - 创建一个比其他子菜单更大的子菜单以包含表单

我有一个verticle nav spry 菜单,我试图将登录作为我的最后一个选项,弹出一个更大(更宽和更高)的部分,而不是其他菜单锚点的较小部分。我不太确定如何做到这一点,我是否会创建另一个 CSS 类并只提供该类的菜单?我对 css 很陌生,如果这很容易,有些抱歉。我试图插入一个纯 CSS 表单,以便在我悬停时弹出登录信息。这是我尝试的css,没有运气

但这里是网站的 jsfiddle:http: //jsfiddle.net/5TfpH/

在此先感谢您帮助新手!

0 投票
2 回答
249 浏览

drop-down-menu - YUI 正在覆盖我的
  • ID。我怎样才能保存它们?
  • 我正在将YUIPurecss一起使用,我注意到在创建下拉菜单时,我的<li>元素及其id' 会被覆盖。

    他们变成了这样的东西:<li id="yui132343_3242342">

    看这个例子: PureCSS Dropdown

    我怎样才能保存我给定id的?

    我的小提琴示例: 小提琴示例 YUI Dropdown

    0 投票
    0 回答
    459 浏览

    datatables - PureCSS 应用到 Jquery 数据表

    只是想知道是否有人看过或拥有 Jquery Datatables 的 purecss (purecss.io) 标记?

    我环顾四周,似乎找不到任何东西。

    谢谢!

    0 投票
    2 回答
    5588 浏览

    css - Vertical-align with Pure CSS (from YUI)

    How can I add vertical-align: middle to elements using PureCSS, from YUI?

    I have three elements with have the same height, and I want that, "inside", they have vertical-align: middle.

    => Check jsfiddle: http://jsfiddle.net/kn88b/1/

    The closest I get was with display: table; width: 100%, but this BUGs the "mobile version", so I want a solution for all versions (tablet/desktop/mobile).

    enter image description here

    0 投票
    1 回答
    971 浏览

    css - 'vertical-align: middle' 中多行文本旁边的图像,具有流畅的布局(来自 YUI 的纯 CSS)

    我想要一个带有垂直对齐:中间的多行文本(通常是两行)旁边的图像。

    当它只有一行时,vertical-align: middle图像样式一切正常,但当文本超过一行时,就开始混乱了。

    jsfiddle==> http://jsfiddle.net/QZhG7/1/

    在此处输入图像描述

    0 投票
    1 回答
    4865 浏览

    yui - Pure-CSS / YUI 垂直多级菜单

    我正在尝试将纯 CSS 框架用于响应式布局。我喜欢他们的垂直菜单,但我不知道如何添加下拉(折叠)子菜单。

    我什至无法让他们网站上的水平菜单示例在这里工作:http: //purecss.io/menus/#add-dropdowns-to-menus

    垂直菜单是我在项目中采用 Pure 的主要原因,现在我被困住了。

    根据 Matthew 的请求,这里是 html 页面的代码。包括所有代码和链接,因此您可以将其加载到浏览器中以最快地理解...

    0 投票
    2 回答
    119 浏览

    css - Safari 中的响应式列

    我使用 Pure.css 创建了一个站点。它似乎在我想要的所有东西上都可以正常工作,除了 Safari(确切地说是在我的朋友 MBPr 上)

    在我测试的每个浏览器上,我都得到了这个: http: //www.coflash.com/stuff/whatiget.jpg

    当他在他的视网膜 Macbook 上对 Safar 进行测试时,他得到了这个: http: //www.coflash.com/stuff/whathegets.jpg

    网址是 http://www.phill.com.au/work/commsec/

    这是由于舍入误差吗?我没有 Retina Macbook,所以无法测试,我只有 Windows:/

    如果我能查明问题可能是什么,我将有更好的机会解决它并要求他再看一遍。目前我在这个问题上找不到任何东西。

    谢谢

    0 投票
    3 回答
    175 浏览

    html - 垂直对齐标签

    我必须将带有文本框的标签垂直居中。这是小提琴http://jsfiddle.net/TAavK/。标签在输入的顶部,但我想把它放在这个的中心。我能怎么做?

    0 投票
    4 回答
    1079 浏览

    html - 空白导致 div 在纯 CSS 中堆叠

    我正在使用纯 CSS 来布局网站,但遇到了问题。如果嵌套网格元素之间有任何空白,它会破坏布局并将最后一个 div 推到下一行。我创建了一个尽可能少的测试网站来测试它是否只是我,但我仍然遇到问题。

    此代码导致:布局不正确

    如果我从 div 之间取出空格,如

    它会自行修复:

    正确的布局

    Chrome 和 Firefox 都会出现此问题。这是纯 CSS 的问题,还是我做错了什么?

    编辑:我找到了一个特定于 YUI Pure CSS 的解决方案。要嵌套布局,每组列都需要在自己的.pure-gdiv 中。我在Github 问题上对此进行了更详细的说明。