從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中刪除邊框以創建圖像滑塊

回答

相關問題