希望这是自我解释:
HTML:
<ul class="steps">
<li class="step1 first">
<div class="icon basket"></div>
1.Warenkorb
</li>
<li class="step2">
<div class="icon registration"></div>
2.Adresse
</li>
<li class="step3">
<div class="icon payment"></div>
3.Zahlungsart
</li>
<li class="step4">
<div class="icon order"></div>
4.Bestätigen
</li>
<li class="step5 last">
<div class="icon thankyou last"></div>
5.Danke
</li>
<div style="clear:both"></div>
Run Code Online (Sandbox Code Playgroud)
CSS:
.steps {
width:100%;
list-style-type: none;
padding:0;
margin:0 auto;
background:url(http://tnsdev.cloudapp.net/dev/steps_slice.png) repeat-x;
}
.steps li {
width:20%;
float:left;
}
.steps li .icon {
background:url(http://tnsdev.cloudapp.net/dev/steps_icon.png) no-repeat;
height:44px;
width:44px;
}
Run Code Online (Sandbox Code Playgroud)
我如何才能实现气泡之间的距离完全相同,并且step5的气泡位于最右边?我约束有5个不同的li并使用%,所以它保持响应.
我已经暂时无法解决这个问题了!
编辑:
结果应该是这样的
O--O--O--O--O
Run Code Online (Sandbox Code Playgroud)
而不是喜欢
--O--O--O--O--O
Run Code Online (Sandbox Code Playgroud)
要么 …
我在使用scrolltofixed jquery插件时遇到问题
https://github.com/bigspotteddog/ScrollToFixed
我用:
$('#tostick').scrollToFixed({ limit: $('#app-footer').offset().top - $('#tostick').height() - 20});
Run Code Online (Sandbox Code Playgroud)
我的#tostick在里面
margin:0 auto
Run Code Online (Sandbox Code Playgroud)
div容器,一旦它碰到固定页脚,脚本从固定页面切换到绝对定位,它会跳出容器,因为
left: 1107px
Run Code Online (Sandbox Code Playgroud)
应用,这是到浏览器窗口左边框的距离,而不是居中的div容器的左边框.它试图添加:
offsetLeft: -$('#container').offset().left
Run Code Online (Sandbox Code Playgroud)
这完全被忽略了.提前感谢任何小费!
跟进这个问题:How to chunk results from a custom query in Laravel
我试试
DB::connection('mgnt')->select($query)->chunk(200, function($orders) {
foreach ($orders as $order) {
//a bunch of code...
}
});
Run Code Online (Sandbox Code Playgroud)
但我收到以下错误:
FatalErrorException in MigrationController.php line 98:
Call to a member function chunk() on array
Run Code Online (Sandbox Code Playgroud)
如果没有合适的 Eloquent ORM 模型,是否可以进行分块?我尝试分块,因为如果查询返回太多结果,我会得到一个空白页(在任何日志中都找不到任何错误)。
我认为现在最多可以查询 50.000 个结果。这可能是由于 Laravel 中的一些限制或限制吗?
我希望我能很好地描述这个问题!?你可以在这里看到它:
http://dealmob.de/index_dev.html
当你快速地将鼠标悬停在菜单上时,你会发现它不会停留,而是闪烁,就像你将边距/填充更改几个像素一样.
关于如何解决这个问题的任何建议?
非常感谢
请求:
#topcities {
float:right;
}
#topcities li {
padding-left:5px;
width:100px;
}
#topcities li:hover {
cursor:pointer;
color:#000;
background: url(images/hover_menue_back.jpg) repeat-x #FFF;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border:grey 1px solid;
width:100px;
}
Run Code Online (Sandbox Code Playgroud)