【问题标题】:Need help for some white space to be removed from the right side of the site..!需要帮助从站点右侧删除一些空白区域..!
【发布时间】:2014-04-09 21:05:49
【问题描述】:

我已经浏览了整个网站..几乎..完成所有内容..似乎缺少一件事..在主页上,滑块右侧有一些空间.. 这是该网站的实时链接:http://universal.huntedhunter.com/

这是滑块代码:

<div style="position: absolute; left:-5px;">
<ul class="bxslider">
<li><img alt="" src="http://www.webngraphicssolutions.com/universal/wp-content/themes/universal/content/sec-01-bg.jpg" /></li>
<li><img alt="" src="http://www.webngraphicssolutions.com/universal/wp-content/themes/universal/wall/1.JPG" /></li>
<li><img alt="" src="http://www.webngraphicssolutions.com/universal/wp-content/themes/universal/wall/2.JPG" /></li>
<li><img alt="" src="http://www.webngraphicssolutions.com/universal/wp-content/themes/universal/wall/3.JPG" /></li>
</ul>
<img alt="" src="http://www.webngraphicssolutions.com/universal/wp-content/themes/universal/content/sec-01-bottom.png" style="position:absolute; top:92.5%; left:0.75%;" />
</div>

这里似乎没有什么改变...几乎..滑块图像也具有自然的 1366x768 像素分辨率...但是当有人打开站点时,它会在滑块上显示 1356x762 分辨率的图像...

这是 Slider 的 CSS 文件:http://www.pastebin.com/3xZWXhsU

看起来很奇怪.. 所以请..需要你的帮助..!

【问题讨论】:

  • 那么你到底想用这个差距做什么?
  • 我在工作时使用的是 1680x1050 分辨率,但我看到了 300PX 的差距。您的图像没有缩放以填充滑块的宽度,您遇到的问题不仅仅是缺少 10 个像素。
  • 是的..就是这样..看起来很奇怪..所以如何解决..拜托..!我想消除这个差距..!
  • 您需要确保图片的宽度为 100%。
  • 嗯,几乎是图像..宽度:100%;在 CSS 中...

标签: html css whitespace resolution removing-whitespace


【解决方案1】:

似乎添加了“left:-5px”,删除它会正常工作 文件:jquery.bxslider.css 行号:34

.bx-wrapper .bx-viewport {
-moz-box-shadow: 0 0 5px #ccc;
-webkit-box-shadow: 0 0 5px #ccc;
box-shadow: 0 0 5px #ccc;
/* left: -5px; */
background: #fff;
-webkit-transform: translatez(0);
-moz-transform: translatez(0);
-ms-transform: translatez(0);
-o-transform: translatez(0);
transform: translatez(0);
}

【讨论】:

  • 谢谢..回复..但除此之外...我删除了..仍然显示...同样的..!什么都没有改变..!
  • @user3515275 冷静点。不是每个人都坐在网站上等待下一条评论回复它。每个人的生活中都会发生不同的事情。如果他们愿意并且能够回复并看到您的评论,那么他们会回复。发布“bump”或其他纠缠的 cmets 不会加快速度。
  • @ajp15243:谢谢..您的建议...!
猜你喜欢
  • 1970-01-01
  • 2014-05-03
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2020-06-20
  • 2018-02-11
  • 1970-01-01
相关资源
最近更新 更多