小编Sam*_*iri的帖子

左对齐标签 - 右对齐选择元素(CSS)

我有一个表单布局,我想显示左对齐的标签和右对齐的表单控件.我一直试图让它使用浮点数:在窗体控件(在这种情况下为a)上然后应用clearfix类,但clearfix似乎不在我的选择框上工作.

这里有什么问题或者clearfix不适用于select元素吗?

但是,当我这样做时,选择框仍然延伸到包含div的底部之外.

我的代码:

<style type="text/css">
#category-select {
left: 0px;
top: 0px;
width: 350px;
border: 1px solid #666;
}
select#category {
float: right;
}
select.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
</style><!-- main stylesheet ends, CC with new stylesheet below... -->
<!--[if IE]>
<style type="text/css">
  select.clearfix {
    zoom: 1;  
  }  
</style>
<![endif]-->

<div id="triage">
    <div id="category-select">
          Category: 
          <select class="ipad-dropdown clearfix" id="category" name="category">
                <option value="A">A - Emergency
                <option value="B">B - Urgent
                <option value="C">C - ASAP …
Run Code Online (Sandbox Code Playgroud)

css forms select clearfix

9
推荐指数
1
解决办法
2万
查看次数

检测设备并交换CSS文件 - jQuery

我的Web应用程序面向主要的智能手机,我需要根据设备更改CSS文件(如果UI中有问题需要点击它们),我正在计划使用以下jQuery交换CSS.只是想知道它是否是最佳实践并且性能良好?

<link rel="stylesheet" href="basic.css" type="text/css" class="cssLink" />
<link rel="stylesheet" href="general.css" type="text/css" />

<script type="text/javascript"> 
    $(document).ready(function() {

        //  css file based on the device
        var controlCss;
        //  get the device agent and conver to lover case
        var deviceAgent = navigator.userAgent.toLowerCase();

        if(deviceAgent.match(/android/i)){
            controlCss = "android.css";
            $(".cssLink").attr("href", controlCss);
        }
        else if(deviceAgent.match(/webso/i)){
            controlCss = "webOS.css";
            $(".cssLink").attr("href", controlCss);
        }
        else if(deviceAgent.match(/iphone/i)){
            controlCss = "iphone.css";
            $(".cssLink").attr("href", controlCss);
        }
        else if(deviceAgent.match(/ipod/i)){
            controlCss = "ipad.css";
            $(".cssLink").attr("href", controlCss);
        }
        else if(deviceAgent.match(/blackberry/i)){
            controlCss = "bb.css";
            $(".cssLink").attr("href", controlCss);
        }
        else { …
Run Code Online (Sandbox Code Playgroud)

html javascript css jquery smartphone

8
推荐指数
1
解决办法
1万
查看次数

无法在three.js中获得FirstPersonControls

我正在尝试这个:

controls = new THREE.FirstPersonControls(camera);

controls.movementSpeed = 1000; controls.lookSpeed = 0.125; controls.lookVertical = true;

它没有用,从这里我发现我需要用时间增量更新控件:

var clock = new THREE.Clock();

controls.update(clock.getDelta());

但是我得到了undefined is not a function错误THREE.Clock()

你能指点我使用FirstPersonControls进行演示/教程,或者只是告诉我什么是错的?

谢谢!!

javascript html5 webgl three.js

7
推荐指数
2
解决办法
7661
查看次数

使用jQuery为第二列表添加类

<table>
    <tr><td>aaa</td><td>ccc</td><td>aaa</td><td>aaa</td><td>bbb</td><td>aaa</td><td>aaa</td></tr>
    <tr><td>aaa</td><td>ccc</td><td>aaa</td><td>aaa</td><td>bbb</td><td>aaa</td><td>aaa</td></tr>
    <tr><td>aaa</td><td>ccc</td><td>aaa</td><td>aaa</td><td>bbb</td><td>aaa</td><td>aaa</td></tr>
    <tr><td>aaa</td><td>ccc</td><td>aaa</td><td>aaa</td><td>bbb</td><td>aaa</td><td>aaa</td></tr>
    <tr><td>aaa</td><td>ccc</td><td>aaa</td><td>aaa</td><td>bbb</td><td>aaa</td><td>aaa</td></tr>
</table>

table td {
    background-color: green;
    padding: 5px;
    border: 1px solid blue;
}

.red {
   background-color: red;
}
Run Code Online (Sandbox Code Playgroud)

现场: http ://jsfiddle.net/zCduV/1/

如何在此表中为第二列添加带有jQuery的类.red(在此示例中,这是td中ccc的位置)?

html javascript css jquery

7
推荐指数
2
解决办法
1万
查看次数

如何让Bootstrap图标在深色背景上工作?

我正在使用Twitter的Bootstrap库Bootswatch Cyborg主题.然而,Cyborg主题具有深色背景和浅色前景色,从Bootstrap默认值看为负面.图标集PNG采用浅色背景,不会显示在Cyborg主题中.是否为深色背景设置了相应的图标?我在Glyphicons的网站上找不到一个.是否有一个简单的技巧将图标变成负面颜色?

css-sprites twitter-bootstrap bootswatch

7
推荐指数
1
解决办法
9795
查看次数

使用mono项目在linux上运行c#代码的优点和局限是什么?

如果有人在Linux上运行C#Code使用mono项目的优势和局限性解决方案,请告诉我你的想法......

c# linux mono

6
推荐指数
1
解决办法
5156
查看次数

如何使用pressedcls更改extjs4中按钮的背景图像?

我使用extjs4创建了一个切换按钮组.当我按下一个按钮时,其他按钮变为未按下.然后我想在按下后更改按钮的背景图像.所以我使用"pressedCls".代码:

Ext.define('Crm.view.CrmNavi', {
    extend: 'Ext.toolbar.Toolbar',
    height: 27,

    initComponent: function() {
        var me = this;

        Ext.applyIf(me, {
            items: [
                {
                    cls: 'navi_btn',
                    overCls: 'navi_btn_over',
                    pressedCls: 'navi_btn_pressed',
                    xtype: 'button',
                    height: 24,
                    flex: 4,
                    html: 'button one'
                    toggleGroup: 'crmNaviBtnGroup',
                    enableToggle: true,
                    pressed: true
                },
                {
                    cls: 'navi_btn',
                    overCls: 'navi_btn_over',
                    pressedCls: 'navi_btn_pressed',
                    xtype: 'button',
                    height: 24,
                    flex: 4,
                    margin: '0 0 0 0',
                    html: 'button two',
                    toggleGroup: 'crmNaviBtnGroup',
                    enableToggle: true
                 }
            ]
        });
    }
});

//-----------------------------------------------------------
.navi_btn{
    font-family: MicroSoft YaHei;
    font-weight: 5;
    font-size: 15px; …
Run Code Online (Sandbox Code Playgroud)

html javascript css button extjs4

6
推荐指数
1
解决办法
2657
查看次数

在jQuery Mobile中启用列表项到可单击区域

描述: 以下代码片段在Android/iPhone中用于Roundabout carousal.每个LI 100px x 100px的宽度和高度.并且链接是LI的顶部.

  <div data-role="content" data-theme="aa">
    <ul class="roundabout-holder"> 
         <li class="roundabout-moveable-item">
             <a href="<%= url_for :action => :graph %>"> <%= label_for:link %></a></li> 
         <li class="roundabout-moveable-item"> 
             <a href="<%= url_for :action => :graph %>"> <%= label_for:link %></a></li> 
         <li class="roundabout-moveable-item"> 
             <a href="<%= url_for :action => :graph %>"> <%= label_for:link %></a></li> 
         <li class="roundabout-moveable-item"> 
             <a href="<%= url_for :action => :graph %>"> <%= label_for:link %></a></li> 
         <li class="roundabout-moveable-item"> 
             <a href="<%= url_for :action => :graph %>"> <%= label_for:link %></a></li> 
    </ul> 
  </div>
Run Code Online (Sandbox Code Playgroud)

CSS

.roundabout-holder {
    list-style: none;
    width: …
Run Code Online (Sandbox Code Playgroud)

css jquery jquery-mobile

6
推荐指数
1
解决办法
2254
查看次数

使用空集作为初始值减少

我有一个列表列表,我想构建一个存在于所有子列表中的元素集.

例子: a = [[1,2],[2,3]]应该给set([1,2,3])

我试过reduce(lambda x,y:x.update(y),a,set([]))但它引发的AttributeError: 'NoneType'对象没有属性'update'

有人能告诉我如何使用reduce功能吗?

python

6
推荐指数
2
解决办法
9590
查看次数

如何启用像Firefox和Chrome这样的IE全屏功能

我查看了以下文章和jquery插件

http://www.sitepoint.com/html5-full-screen-api/

http://johndyer.name/native-fullscreen-javascript-api-plus-jquery-plugin/

http://xme.im/display-fullscreen-website-using-javascript

http://feross.org/html5-fullscreen-api-attack/

http://jquery.pupunzi.com/questions/696/ie-containerplus-full-screen

IE Chrome Frame全屏

但是找不到.

所有这些主要文章都经过评审,但是我找不到任何直接谈论IE全屏功能的文章,任何人都找到了相同的解决方法?

我尝试了W3C提案

// W3C Proposal
element.requestFullscreen();
document.exitFullscreen();
Run Code Online (Sandbox Code Playgroud)

UPDATED 我的期望是,我有一个图像轮播,我需要显示当前所选图像以全屏显示,似乎IE不支持,我计划使用jQuery模型窗口(没有jQuery UI).就像这个例子.

javascript jquery fullscreen

6
推荐指数
2
解决办法
2万
查看次数