Maison > interface Web > tutoriel HTML > 求高手帮忙布局下_html/css_WEB-ITnose

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

WBOY
Libérer: 2016-06-24 12:12:43
original
864 Les gens l'ont consulté

对页面实在是不精通,求高手帮忙看一下 谢谢了
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二

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

再次感谢

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal