小编sg3*_*g3s的帖子

如何将div定位为可见但不计入文档宽度

今天我遇到了一个非常讨厌的问题,我需要为网站制作前端布局,并且页面上有一定的设计元素让我感到困惑(甚至).

现在我并不完全不熟悉html,css定位,制作布局等,所以请不要"猜测"我如何解决它.我想要一个有效的例子.

这是我的代码和问题的jsfiddle:http : //jsfiddle.net/sg3s/A9vzA/ http://jsfiddle.net/sg3s/A9vzA/15/

目前正在发生什么;

#container具有970像素100%(红色背景)宽度的最小高度.这是页面必须具有的最小宽度.该#top(lightbrown背景)DIV是无关紧要的问题,但设计的一部分.

问题在于#header(紫色背景),其宽度为1022像素(对于1024px分辨率来说太宽+滚动条,即使是最大化的窗口)和负左边距以使其保持在容器的中心,这是需要发生的事情.当屏幕宽度低于1022px时,水平滚动条会出现,因为页面上最薄的元素宽度为1022像素.(其行为与绝对位置和负左偏移相同)

我想要发生什么;

我想要的"溢出" #header#container给dissapear到侧面和视口下方得到宽970像素只获得了滚动条.(如果有人可以改写这个)

让我对此更清楚一点:

  • 100%高度布局需要保持并与IE7 +兼容
  • 标题需要以容器为中心,这就是它在我的示例中的内部原因,但如果能解决问题,请将其取出.
  • 只要视口大到足以支持标题,我的示例就会显示正确的行为.
  • 当视口太小而不适合该标题时,诀窍是使其外观和行为相同而标题的两侧溢出到视口的两侧.
  • 更新了示例,使更改/居中更加明显.

如果可能的话,我希望布局能够一直支持到IE6,尽管IE7 +会很好.最后一页将提示安装Chrome Frame.而且当然不要忘记Chrome,FF 3.5+ ..(Opera?).使用JS是不可接受的,除非你能说服我绝对没有办法,但jQuery将出现在页面上.

谢谢至少尝试!(挑战自己!:D)

html css layout

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

bxSlider在show/hide divs中

我的页面内容使用不同的链接切换,div使用jQuery的"showonlyone"函数一次显示一个.加载页面时,不应显示任何div.我让它工作正常,直到我试图在其中一个div中放置一个图片滑块(bxSlider) newboxes1.

在框外,bxSlider工作正常.在其中,图片不显示.在这里查看实例.

这是我的代码的样子:

<head>

<script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript">                                         
function showonlyone(thechosenone) {
     $('.newboxes').each(function(index) {
          if ($(this).attr("id") == thechosenone) {
               $(this).show();
          }
          else {
               $(this).hide();
          }
     });
}</script>  
</script>


<script src="http://code.jquery.com/jquery-latest.js" type="text/javascript"></script>
<script src="jquery.bxSlider.min.js" type="text/javascript"></script>
<script type="text/javascript">
  $(document).ready(function(){

$(function(){
  var slider = $('#slidersample').bxSlider({
    mode:'fade',
    controls: false
  });
  $('#bx-prev-sample').click(function(){
    slider.goToPreviousSlide();
    return false;
  });
    $('#hover-next-g-sample').click(function(){
    slider.goToPreviousSlide();
    return false;
  });
  $('#bx-next-sample').click(function(){
    slider.goToNextSlide();
    return false;
  });
  $('#hover-next-d-sample').click(function(){
  slider.goToNextSlide();
  return false;
  });
});
});
</script>
</head>


<body>
<div id="left-menu">
<a …
Run Code Online (Sandbox Code Playgroud)

html javascript jquery bxslider

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

什么是与$(&dollar;)的命名html实体的交易

我有一个相当简单的问题.美元符号的"大多数"引用中有一个命名的html实体,它就是你所期望的那样; '&美元;'.

但在其他参考文献中,这是缺失的,并告诉您只有数字实体可用($).

我记得命名实体很长一段时间都不存在,因为$是标准ascii集的一部分.并且由于这个早期/旧版本的IE和其他浏览器不支持这个实体.

那么目前的交易是什么?我正在寻找对命名实体的支持是什么以及为什么首先不支持这个...

这是对所有货币符号的引用,奇怪的是只有美元没有命名实体http://www.entitycode.com/#currency-content

下面是一个小例子,当我使用一个美元+ int http://codepad.org/xCxWZWsu时,我正在谈论的 是,我知道在这个简单的例子中,我可以用斜线逃脱美元符号但是相信我当我说保存字符串时将其作为一个实体是我个案中最理智的解决方案.

无论我的例子如何,我仍然很好奇对美元的支持; 实体是.

html ascii html-entities

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

magento产品属性的自定义"商店所有者的目录输入类型"

在magento中,您可以使用某些类型创建新属性(然后将其添加到产品继承的属性集中).

默认选项(textfield/area,data,boolean)相当有限,我想添加自己的,完整的后端字段渲染器和自己的验证.这将创建一个youtube字段,该字段接受一系列仅转换为youtube id的网址.

但我真的很想解释如何添加自己的"商店所有者的目录输入类型".我已经看过其他插件可以做到这一点,但是通过代码挖掘是乏味的,这绝对是其他人感兴趣的东西(问题在网络上被问到很多).

我一直在寻找,但无济于事,我会继续寻找答案,直到找到它为止.

TL;博士

所以我的问题是:如何添加"商店所有者的目录输入类型",可能还有一个参考如何为此字段类型添加自定义验证.这是适当的MVC风格,因此如果可能的话,不要编辑核心文件.

作为精心设计,通用解释和代码示例的奖励积分,如果值得,我将根据答案的质量奖励奖励(因为这适用于更多的观众).

attributes input catalog magento magento-1.6

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

我是否可以覆盖每个文件使用的phpcs规则集,如果是这样,怎么样?

最近我们迁移到git并在我们的中央服务器上实现(现在发布)接收挂钩以向开发人员发送报告,以及制作几个工具使我们能够在我们的开发环境中使用phpcs自动检查我们的代码标准.

这一切都很好,花花公子,效果很好,但我们希望能够始终依赖于我们的代码标准,而不是忽略每个不符合逻辑原因的文件.现在,我们有自己的规则集,它会覆盖默认PEAR标准中的一些内容,但是如果可能的话,我们想要更进一步.

我们的问题是虽然PEAR标准对于所有类/业务逻辑都是完美的,但在视图文件中我们想放松说法,关闭括号需要在他们自己的行上.问题是我们主要在这些文件中定义html并且我们拥有的唯一控件结构是简单的if-else或foreach语句,并打开php,然后添加换行符,结束括号,换行符和关闭php有点愚蠢的imo.

必需的语法有效:

<?php
}
// end of some if statement ?>
Run Code Online (Sandbox Code Playgroud)

我们反而喜欢用于观看的内容:

<?php } // end of some if statement ?>
Run Code Online (Sandbox Code Playgroud)

这将使我们的代码更具可读性......

我们不喜欢替代语法为wel(if(..): ... endif;),afaik主要是因为这里的有效性也存在一些问题(它都是关于空白的......).

忽略整个文件(with // @codingStandardsIgnoreFile)不是我们的选择.

TL;博士

所以我们想要做的是为我们的视图文件定义一个单独的规则集,所以我们仍然有一个标准要遵守,但是这些前端的宽松规则使我们的代码仍然可以读取.

我对phpcs还不太了解,也找不到任何解决方案我自己使用关键字我虽然合乎逻辑...任何建议,使整洁的视图文件也符合PEAR也欢迎...

php codesniffer

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

是否有一个jQuery滑块/幻灯片插件,当它们可用时使用css3动画?

我的问题是,如果有一个插件,可能与jQuery Cycle不同,它可以处理并使用3d transform/css3过渡来处理动画,如果它们可用的话?

我找到的一个很好的选择是Flexslider(注意:Flexslider不能100%使用jQuery 1.7),因为它在与触摸和滚动事件的兼容性方面得分很高.但是我发现当你想要一个不同的动画时,它并不是那么可扩展.

我需要一个封面动画(我认为演示可能有点破碎,幻灯片需要从旧幻灯片的右侧向左侧滑动)但我真的只对一个jQuery插件感兴趣,该插件在可能的情况下使用css3动画并且是可以延长的.

它必须有:

  • CSS3在可能的情况下进行转换,对旧版浏览器进行回退
  • 足够灵活,可以将next/prev绑定到触摸/滚动事件中
  • 如果它还没有现成的封面动画,则可扩展/可用

一些加分是:

  • 现成的触摸/滚动集成
  • 幻灯片之间导航
  • 动画之前/之后的挂钩

虽然这些最后的项目我可以根据需要轻松制作自己,但我只是不想开始过渡逻辑,如果比我聪明的人已经做过一次并让它可用......

要清楚; 我需要这个来支持移动设备(iOS,Android),并且当被迫进行硬件加速时,转换是目前获得任何活动内容的最流畅的方式.

准确的问题没有得到回答,所以它仍然是开放的,并得到答案

如果有人能提供,我会给予另一个赏金以获得确切答案.

html css jquery jquery-plugins css3

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

如何访问pref窗格包?

我们如何访问Pref Pane Bundle for Mac OS app ??? 我已将图像和其他资源放在pref窗格包中,但我无法使用以下路径:NSString*path = [[NSBundle mainBundle] pathForResource:@"tick"ofType:@"png"];

其中tick.png出现在NewPrefPane.prefPane的resources文件夹中

objective-c nspreferencepane

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