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

嗨，我在尝试将自定义HTML插入Filemaker Web查看器，但在将HTML Doctype标记添加到Web浏览器时遇到了将边框从Web查看器中删除的麻烦码。如果我取出标签但没有标签，幻灯片将无法使用，边框将被删除。有任何想法吗？从Filemaker Web Viewer中删除边框以创建图像滑块

"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> 

    "

来源

2014-03-04 Thesis

指的是围绕狗的图片或不同的边界的边界？当我将你的代码插入数据浏览器时，我所看到的唯一边界就是狗的图片，它似乎是狗图片本身的一部分。 –

嗨@Chris Schmitz。没有不是狗的边界。在Filemaker中，当您将此代码嵌入到具有HTML Doctype标签的Web查看器中时，它将显示一个10px顶部和左边的白色边框。这是一个截图。 https://dl.dropboxusercontent.com/u/236154657/Border-Screenshot.png – Thesis

@ChrisSchmitz我找到了一些关于如何删除它的文章，但没有一篇需要HTML Doc标签，因为我的图片幻灯片没有它就无法工作。当我拿出标签时，边框被移除。但是当我插入标签时，它似乎在创建某种线框。 – Thesis

您遇到的问题不是filemaker，它是web代码本身。

HTML和body标签可以通过网页浏览器应用一些默认样式。如果你把你的代码写在一个普通的html文件中，你也可以看到填充。

尝试添加以下内容到风格标签：

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

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

希望这会有所帮助！

来源

2014-03-04 19:59:24

你真棒。有效！我一直在网上搜索几个小时。我仍然在学习围绕HTML和CSS的方式。到目前为止，我主要完成了数据库开发，如果没有像你和Stackoverflow这样的人，我不知道我会做什么。再次感谢！ – Thesis

没问题:)我很高兴它为你工作。你可能去过一个或所有这些网站，但以防万一，这里有一个网站列表，你可能想要了解网站开发：http://www.w3schools.com/ https：/ /www.codeschool.com/ http://css-tricks.com/还有很多其他的，但这些都是很好的起点。 –

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

回答

相关问题