Heim > Web-Frontend > HTML-Tutorial > 求高手帮忙布局下_html/css_WEB-ITnose

求高手帮忙布局下_html/css_WEB-ITnose

WBOY
Freigeben: 2016-06-24 12:12:43
Original
865 Leute haben es durchsucht

对页面实在是不精通,求高手帮忙看一下 谢谢了
http://www.myfxbook.com/members/EA5918/forex-envy-v2-livelong-cycle/260594
上面的是想要实现的页面,只要上面的2个并列的 TAB选项DIV内容 已实现了一个

下面是我的页面代码,希望能够平行2个DIV  第一个DIV 有3个选项 第二个代码我已经实现了



nbsp;html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">


 
 
 
 


<script> <br /> HideWait(); <br /> </script>
    

    
  
    

1


         
1

     

2


         
2

     

3


         
3

    --%>

    

 
     

平仓盈亏


         

     

持仓盯市盈亏


         

     

持仓金额


         

     

持仓金额/当日权益


         

     

收益率


         

      

净收益率


         

      

资本金频繁度


         

    


<script> <br /> function id(elem) { return document.getElementById(elem) } <br /> function show(elem) { elem.style.display = ""; } <br /> function hide(elem) { elem.style.display = "none"; } <br /> function next(elem) { <br /> do { <br /> elem = elem.nextSibling; <br /> } while (elem && elem.nodeType != 1); <br /> return elem; <br /> } <br /> function tab(a, p) { <br /> <br /> var p = (p === undefined) ? { e: "onclick", n: 1} : p, <br /> node = id(a).firstChild, <br /> <br /> x = []; <br /> p.e = (p.e === undefined) ? "onclick" : p.e; <br /> p.n = (p.n === undefined) ? 1 : p.n; <br /> node = (node.nodeType !== 1) ? next(node) : node; <br /> for (var i = 1, node; node; i++, node = next(node)) { <br /> x[i] = node; <br /> } <br /> for (var i = 1; x[i]; i++) { <br /> if (i % 2 == 0) { hide(x[i]); x[i - 1].id = a + (i / 2) } <br /> x[p.n * 2 - 1].className = "cur"; <br /> show(x[p.n * 2]); <br /> temp = function (i) { <br /> if (i % 2 == 1) { <br /> x[i][p.e] = function () { <br /> for (var j = 1; x[j]; j++) { <br /> if (j % 2 == 0) { <br /> hide(x[j]); <br /> x[j - 1].className = "" <br /> } <br /> } <br /> show(x[i + 1]); <br /> x[i].className = "cur" <br /> } <br /> } else { <br /> return null <br /> } <br /> } (i) <br /> } <br /> } <br /> //tab("tab", { e: "onmouseover", n: 2 }); <br /> tab("tab_") <br /> //tab("tab") <br /> </script>
  





回复讨论(解决方案)

全部分送上啊 求解答

因为你的tab 标签块 有多个,所以要统一设置tab的样式,宽高度的话再独自调整,使用两个class就可以
如:

tab11111

tab11111


. tab{设置所有tab的样式}

.tab1{设置个别tab的样式:主要是宽高度,浮动}
.tab2{设置个别tab的样式:主要是宽高度,浮动}



两个tab在同一行,要设置浮动 float

如:

    
这是tab一

    
这是tab二

谢谢楼上的朋友 已经解决了 全分送上 

再次感谢

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage