从Filemaker Web Viewer中删除边框以创建图像滑块

时间:2014-03-04 14:52:48

标签: html filemaker

您好,我正在尝试将自定义HTML插入Filemaker Web Viewer,但在将HTML Doctype标记添加到代码时,在从Web查看器中删除边框时遇到问题。如果我拿出标签但是没有标签,幻灯片将无法正常工作,则会删除边框。有什么想法吗?

    "data:text/html,

    <!DOCTYPE html>

    <html>

    <head>

    <style>

    #slideshow { 
    margin: 0; 
    position: absolute; 
    width: 250px; 
    height: 250px; 
    padding: 0;  
    overflow:hidden;
    }

    #slideshow > div { 
    position: absolute; 
    top: 0px; 
    left: 0px; 
    right: 0px; 
    overflow:hidden;
    bottom: 0px; 
    }

    </style>

    <script src='http://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js'></script>
    <script src='https://dl.dropboxusercontent.com/u/236154657/CVI%20Slideshow.js'></script>


    </head>


    <body style='border=0;margin=0;overflow:hidden'>

    <div id='slideshow'>

    <div>
    <img src= 'http://farm6.static.flickr.com/5224/5658667829_2bb7d42a9c_m.jpg'  style='width:100%; height:100%;'>
    </div>

    <div>
    <img src= 'http://farm6.static.flickr.com/5230/5638093881_a791e4f819_m.jpg'  style='width:100%; height:100%;'>
    </div>

    </div>


    </body>

    </html>

    "

1 个答案:

答案 0 :(得分:1)

您遇到的问题不是filemaker,而是Web代码本身。

HTML和body标签通过Web浏览器应用了一些默认样式。如果您使用代码并将其写在常规html文件中,您也可以看到填充。

尝试将此添加到您的样式标记中:

html,body{
    padding:0px;
    margin:0px;
    height:100%;
    width:100%;
}

这将告诉网页你的html和body标签需要占用整个浏览器窗口(高度和宽度规则),并且它们应该没有填充或边距。这将确保您的图像标记与Web查看器的边界齐平。

希望这有帮助!