2011-06-20 37 views
0

我在博客中創建了一個帶有菜單的圖庫的新頁面,結果很好,但按鈕之間有太多空間,並且在頂部有一個很大的空白頁面,當我嘗試<b><p>它不會去,我也試圖儘量減少與另一個腳本的空間,但結果是沒有空間,但無法點擊的按鈕,並始終當我成功刪除空格時,按鈕不會工作!請幫幫我 ! (它可以在Dreamweaver中完美但不是在Blogger 這是代碼:我無法刪除我的css文件中的空間

<p> <p><b:include data='blog' name='all-head-content'/></p> 


<p><style type="text/css"> 
.menutitle{ 
cursor:pointer; 
<span style="margin-bottom: 5px"><br>; 
background-color:#000000 ; 
color:#FFF; 
width:140px; 
padding:2px; 
text-align:center; 
font-weight:bold; 
/*/*/border:0px solid #000000;/* */ 
}</p> 
.submenu{ 
margin-bottom: 0.5em; 
} 
</style> </p> 
</b:if> 
<p><script type="text/javascript"> 
var persistmenu="yes" //"yes" or "no". Make sure each SPAN content contains an incrementing ID starting at 1 (id="sub1", id="sub2", etc) 
var persisttype="sitewide" //enter "sitewide" for menu to persist across site, "local" for this page only 
if (document.getElementById){ //DynamicDrive.com change 
document.write('<style type="text/css">\n') 
document.write('.submenu{display: none;}\n') 
document.write('</style>\n') 
} 
function SwitchMenu(obj){ 
    if(document.getElementById){ 
    var el = document.getElementById(obj); 
    var ar = document.getElementById("masterdiv").getElementsByTagName("span"); //DynamicDrive.com change 
     if(el.style.display != "block"){ //DynamicDrive.com change 
      for (var i=0; i<ar.length; i++){ 
       if (ar[i].className=="submenu") //DynamicDrive.com change 
       ar[i].style.display = "none"; 
      } 
      el.style.display = "block"; 
     }else{ 
      el.style.display = "none"; 
     } 
    } 
} 
function get_cookie(Name) { 
var search = Name + "=" 
var returnvalue = ""; 
if (document.cookie.length > 0) { 
offset = document.cookie.indexOf(search) 
if (offset != -1) { 
offset += search.length 
end = document.cookie.indexOf(";", offset); 
if (end == -1) end = document.cookie.length; 
returnvalue=unescape(document.cookie.substring(offset, end)) 
} 
} 
return returnvalue; 
} 

function onloadfunction(){ 
if (persistmenu=="yes"){ 
var cookiename=(persisttype=="sitewide")? "switchmenu" : window.location.pathname 
var cookievalue=get_cookie(cookiename) 
if (cookievalue!="") 
document.getElementById(cookievalue).style.display="block" 
} 
} 
function savemenustate(){ 
var inc=1, blockid="" 
while (document.getElementById("sub"+inc)){ 
if (document.getElementById("sub"+inc).style.display=="block"){ 
blockid="sub"+inc 
break 
} 
inc++ 
} 
var cookiename=(persisttype=="sitewide")? "switchmenu" : window.location.pathname 
var cookievalue=(persisttype=="sitewide")? blockid+";path=/" : blockid 
document.cookie=cookiename+"="+cookievalue 
} 
<p>if (window.addEventListener) 
window.addEventListener("load", onloadfunction, false) 
else if (window.attachEvent) 
window.attachEvent("onload", onloadfunction) 
else if (document.getElementById) 
window.onload=onloadfunction 
if (persistmenu=="yes" && document.getElementById) 
window.onunload=savemenustate </p> 
</script></p> 

<!-- Keep all menus within masterdiv--> 
<div id="masterdiv"> 

    <div class="menutitle" onclick="SwitchMenu('sub1')">Dior</div> 
    <span class="submenu" id="sub1"> 
<p><div id="PictoBrowser110620155241">Get the flash player here: http://www.adobe.com/flashplayer</div><script type="text/javascript" src="http://www.db798.com/pictobrowser/swfobject.js"></script><script type="text/javascript"> var so = new SWFObject("http://www.db798.com/pictobrowser.swf", "PictoBrowser", "500", "650", "8", "#000000"); so.addVariable("source", "sets"); so.addVariable("names", "Scheisse"); so.addVariable("userName", "ScheisseMag"); so.addVariable("userId", "[email protected]"); so.addVariable("ids", "72157626880953125"); so.addVariable("titles", "on"); so.addVariable("displayNotes", "on"); so.addVariable("thumbAutoHide", "off"); so.addVariable("imageSize", "medium"); so.addVariable("vAlign", "mid"); so.addVariable("vertOffset", "0"); so.addVariable("colorHexVar", "f"); so.addVariable("initialScale", "on"); so.addVariable("bgAlpha", "8"); so.write("PictoBrowser110620155241"); </script> 
</span> 
<div class="menutitle" onclick="SwitchMenu('sub2')">FAQ/Help</div> 
    <span class="submenu" id="sub2"> 
     - <a href="notice.htm">Usage Terms</a><br> 
     - <a href="faqs.htm">DHTML FAQs</a><br> 
     - <a href="help.htm">Scripts FAQs</a></span> 
<div class="menutitle" onclick="SwitchMenu('sub3')">Help Forum</div> 
    <span class="submenu" id="sub3"> 
     - <a href="http://www.codingforums.com">Coding Forums</a><br></span> 
    <div class="menutitle" onclick="SwitchMenu('sub4')">Cool Links</div> 
    <span class="submenu" id="sub4"> 
     - <a href="http://www.javascriptkit.com">JavaScript Kit</a><br> 
     - <a href="http://www.freewarejava.com">Freewarejava</a><br> 
     - <a href="http://www.cooltext.com">Cool Text</a><br> 
     - <a href="http://www.google.com">Google.com</a> 
    </span></p></div> </p> 
+2

誰投了這個問題,笑? –

+0

似乎可以正常工作... http://jsfiddle.net/3hZCA/ – Aeonius

+0

我不確定它會對您有幫助,但您是否有活動網頁顯示可以共享鏈接的問題? – thirtydot

回答

0

我假設你使用Firefox,因爲它似乎並沒有使用其他瀏覽器的工作方式相同..

問題是像Dior和常見問題/幫助 和幫助論壇之間艾希 布頓之間的空間,他們註定要 相互連接

我會先說我對Blogger不熟悉。

你的HTML:

<div class="menutitle" onclick="SwitchMenu('sub2')">FAQ/Help</div> 
<span class="submenu" id="sub2">..</span> 
<div class="menutitle" onclick="SwitchMenu('sub3')"> 

如果您查看源代碼的頁面上,你能得到什麼:

<div class="menutitle" onclick="SwitchMenu('sub2')">FAQ/Help</div> 
<span class="submenu" id="sub2">..</span><br /> <!-- extra br! --> 
<div class="menutitle" onclick="SwitchMenu('sub3')"> 

那些頻繁的額外<br /> s爲主要問題。有很多。您需要防止它們被插入。也許刪除中的空格將會對你的HTML有幫助?就像這樣:

<div class="menutitle" onclick="SwitchMenu('sub2')">FAQ/Help</div> 
<span class="submenu" id="sub2">..</span><div class="menutitle" onclick="SwitchMenu('sub3')"> 

也 頁面的標題和這些菜單之間的差距!

你需要擺脫<p></p>許多情況下,被周圍的一切包裹,包括<script> S的,因爲某些原因..

而且,你有<br /> S是神奇地插入了同樣的問題。再次,比較您的HTML與在瀏覽器中使用View Source時出現的內容。

消除這些外來<p></p><br />using Firebug後(只是爲了測試),這是結果: