小编Kyl*_*yle的帖子

Firefox 3.6.12 vs CSS box-model

自从我将FF更新到3.6.12(或者至少是我注意到这个问题的时候),我正处理一个不寻常的情况.虽然Chrome和Opera使用的是content-box盒子模型,但Firefox似乎已经开始使用了border-box.现在我正在设计一些表头,其高度为39px,底部为1px边框(总高度:40px).

它在任何地方都显示OK,除了FF,内容框高38px.

如果有任何用处,我使用的是Windows 7 Professional 32位,但在我的同事的电脑(Windows XP Professional)上也注意到了这一点.

我的CSS(简化了可读性)只是这个,没什么特别的:

table { border-spacing: 3px; }
table tr th { height: 39px; border-bottom: 1px solid red; }
Run Code Online (Sandbox Code Playgroud)

将box-model明确地设置为content-box没有任何效果,就好像border-box是在内部设置的!important......(有点像Chrome对自动填充表单字段背景的处理方式)

这个1像素的差异不会让我的造型分开(我不是让它像素完美),但我仍然对我的FF改变其行为感到不安.所以,我的问题是:

  1. 你的情况也会发生吗?(如果不是,那可能是我的CSS中的一些错误)
  2. 如果是这样,FF团队是否决定反对W3C并改变默认的箱型?
  3. 如果是这样,您是否碰巧知道为什么以及在哪里可以找到有关它的信息(Google拒绝提供帮助)?

css firefox

12
推荐指数
1
解决办法
2097
查看次数

GWT + Eclipse - 如何刷新CSS等静态资源

我正在以托管模式在Eclipse中开发GWT应用程序.

当我在CSS中更改某些内容时,我无法在浏览器中看到它.我正在尝试使用CTRL + F5在浏览器中完全重新加载,在Eclipse中重新启动我的应用程序并且没有更改.

唯一有帮助的是使用maven clean install重建我的应用程序,在Eclipse中重启App然后我可以看到更改.这需要很多时间.

知道我做错了什么吗?我认为一定有更好的方法.

问候,卢卡斯

css gwt

12
推荐指数
1
解决办法
3766
查看次数

如何在表格单元格中放置文本框

..一直试图在HTML表格的单元格中调整文本框(自动调整文本框宽度),但没有运气..任何人都可以帮忙吗?谢谢

是)我有的:

<td>
  <asp:TextBox ID="txtPrice" runat="server" style="width:100%"/>
</td>
Run Code Online (Sandbox Code Playgroud)

html css asp.net

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

Internet Explorer 8重复div错误

在IE 8的这个页面上,有着名的幻影元素bug.我已经研究了两天所有可能导致这种情况发生的事情,包括隐藏的输入(存在)浮动元素(不存在)和HTML注释<!--...-->(存在). ie_phantom_fucking_element

"幻像元素"是登录div和"ny kunde"按钮之间的灰色div.

当试图查看这是IE开发工具(F12)时,它无法被选中,也无法查看.我相信这是因为IE8中存在渲染问题.

删除这些根本没有帮助.另外,我们显然需要隐藏的输入来进行表单验证.

值得一提的是,这种电子商务解决方案并未开箱即用.

我已经用尽了我能想到的每一个解决方案,它仍然存在.

有没有人有什么建议?

谢谢 :)

html css internet-explorer-8

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

jQuery UI Slider和句柄修改

我使用标准的jQueryUI滑块,并希望更改句柄的外观.我把CSS改成了

.ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 40px; height: 10px; cursor: default; border: 0; background-color: #c6c7c8; }
.ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; }

.ui-slider-horizontal { height: 10px; border: 0; background-color: #eceded;  }
.ui-slider-horizontal .ui-slider-handle { top: 0; margin-left: 0; }
.ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; }
.ui-slider-horizontal .ui-slider-range-min { left: 0; }
.ui-slider-horizontal .ui-slider-range-max { right: 0; }
Run Code Online (Sandbox Code Playgroud)

我这样做了,把把手放在"滑道"上.但是如果把手移到最右边的位置,它就在它的车道外面.当然我可以将.ui-slider-handle边距设置为-20px.但在两端它重叠了它的车道.

它有什么用ui-slider-range-max?但是当通过Firebug检查滑块时,这个CSS类不会在任何地方使用.

css jquery jquery-ui slider handle

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

表中的超级简单的CSS工具提示,为什么它不显示,我可以使它工作吗?

我一直在尝试在我的客户端在此页面上实现许多不同的工具提示,他坚持认为当您将鼠标悬停在订单页面中的产品名称时,我们会显示该产品的图片.我决定使用超级简单的CSS工具提示,它很容易实现,并且完全符合我们的要求.它适用于动态页面,我试过的其他页面没有.

我在这里做了一个例子:表示例中的CSS工具提示.< - 已更新以删除错误.

HTML:

<table class="mytable" id="cart">

  <tr id="titles">
    <th id="varekodetext">Varekode</th>
    <th id="produkttext">Produkt</th>
    <th id="pristext">Pris</th>
    <th id="emptee">&nbsp;</th>
    <th id="antalltext">Antall</th>
    <th id="pristotaltext">Pris Total</th>
    <th id="sletttext">Slett</th>
  </tr>
  <tbody>
    <tr class="even first" id="topborder" height="40px">
      <td class="cart2Varekode"> <span>39261-02 </span>
      </td>
      <td class="cart2Produkt"> <a href="/Plantronics-CS361N.11" target="_blank" class="tooltip" title="Plantronics CS361N"> 
                Plantronics CS361N
                <span> 
                    <img src="http://www.euroworker.no/public/upload/productimage/220-353-2.jpg" alt="Plantronics CS361N" /> 

                </span> 
                </a>
        <p>
        </p>
      </td>
      <td class="cart2Price">
        <span class="actualPrice">2390.-</span>
      </td>
      <td class="cart2Salg">
        <span class="orderlistPrice"></span>
      </td>
      <td class="antallbox">
        <span class="cartQuant"><input name="item_1363" class="DG-spinner" id="text" type="text" value="1"/> …
Run Code Online (Sandbox Code Playgroud)

html css html-table tooltip

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

何时会使用<! - [if!IE]>?

昨晚我在调试IE7中的一些东西时正在思考这个问题,当我输入<!--[if IE7]>...它时,我已经看到了<!--[if !IE]>.

现在得到的是,据我所知,只有IE识别这些条件评论,所以说if NOT IE没有意义,IE是否看到这个并说"Iam IE,所以这不适用于我?" 或者人们对哪些浏览器可以识别它感到困惑?

所以我的问题是.

你会在哪里使用<!--[if !IE]>它的目的是什么?

html internet-explorer conditional-comments

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

没有索引的Zend_Form数组表示法

我想创建一个表单,允许用户使用数组表示法输入任意数量的值,每个值都在一个单独的文本字段中.预期HTML输出的示例是:

<dd id="dupa-element">
    <input type="text" name="dupa[]" value="">
    <input type="text" name="dupa[]" value="">
</dd>
Run Code Online (Sandbox Code Playgroud)

但是,我似乎找不到在单个元素中引入多个输入元素的方法,使用不带索引的数组表示法.

目前,我这样做:

$elt1 = new Zend_Form_Element_Text('1');
$elt1->setOptions(array('belongsTo' => 'dupa'));

$elt2 = new Zend_Form_Element_Textarea('2');
$elt2->setOptions(array('belongsTo' => 'dupa'));
Run Code Online (Sandbox Code Playgroud)

虽然这有效,Zend_Form将这些视为独立元素(可以有不同的验证器和过滤器集 - 这很酷),结果HTML就是这样的:

<dd id="dupa-1-element">
    <input type="text" name="dupa[1]" id="dupa-1" value="">
</dd>
<dd id="dupa-2-element">
    <input type="text" name="dupa[2]" id="dupa-2" value="">
</dd>
Run Code Online (Sandbox Code Playgroud)

是否有(最好是简单的)方法来实现我之后的无索引数组符号?

arrays zend-framework zend-form

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

向此推荐滑块添加动画

我用CSS3创建了一个滑块来显示我的推荐.现在我需要使用Jquery为这个滑块添加一些动画.但我不知道如何使用这个滑块的Jquery ..什么是适合的插件.所以任何人都可以告诉我如何向这个滑块添加动画?

任何想法都非常感谢.

谢谢.

这是滑块代码的链接:jsfiddle.net/XJVYj/82

javascript css jquery

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

使用对角线缩进显示段落的文本

我想知道是否有一种方法来显示带有对角缩进的段落文本,就像这样的东西!

在此输入图像描述

请记住,此文本是用WYSIWYG编辑器(包含html标签)编写的.

我在想是否有办法计算段落中除了html标签之外的单词,然后制作一些方程式来增加jQuery或Javascript每行的文本缩进.

有什么建议吗?

javascript css php jquery

5
推荐指数
1
解决办法
2438
查看次数