我的画廊不会向右移动

时间:2013-09-04 01:59:45

标签: html css image-gallery

所以我是html的新手,使用别人的图库和代码,并且弄清楚它是如何工作的。我能够在图库中添加一个上边距(通过使用margin和margin-top命令),但是在尝试向右移动图库时,边距和边距都没有任何区别。我已经粘贴了CSS和相关代码。

CSS

    ul.bjqs{position:absolute; list-style:none;padding:0;margin:100;overflow:hidden; display:none;}
    li.bjqs-slide{position:absolute; display:none;}
    ul.bjqs-controls{list-style:none;margin:0;padding:0;z-index:9999;}
    ul.bjqs-controls.v-centered li a{position:absolute;}
    ul.bjqs-controls.v-centered li.bjqs-next a{right:0;}
    ul.bjqs-controls.v-centered li.bjqs-prev a{left:0;}
    ol.bjqs-markers{list-style: none; padding: 0; margin: 0; width:100%;}
    ol.bjqs-markers.h-centered{text-align: center;}
    ol.bjqs-markers li{display:inline;}
    ol.bjqs-markers li a{display:inline-block;}
    p.bjqs-caption{display:block;width:96%;margin:0;padding:2%;position:absolute;bottom:0;}

    <div id="banner-fade" style="height: 306px; max-width: 460px; position: relative;">
    <div class="bjqs-wrapper" style="width: 460px; height: 306px; overflow: hidden; position: relative;">

HTML

    <div id="banner_container">
        <!--  Outer wrapper for presentation only, this can be anything you like -->
     <div id="banner-fade">
        <!-- start Basic Jquery Slider -->
     <ul class="bjqs">

1 个答案:

答案 0 :(得分:1)

首先,我要说你的示例代码没有提供很多材料来帮助。我逐字复制了它,但我仍然没有看到任何内容。我也看不到你正在使用的任何jquery。你在使用循环插件吗?但是,在基本情况下,如果边距不起作用,您可能需要将元素的位置设置为position:absolute;,如果不起作用,请使用static;relative;。您可能还想使用float属性,例如float:middle。这就是你如何定位普通元素,如果你给出了更好的示例代码,我可能会帮助你更多。试试flp并在css中定位。 :)