communauté Apprendre Bibliothèque d'outils Loisirs
recherche
Français
Maison > interface Web > tutoriel HTML > 求高手帮忙布局下_html/css_WEB-ITnose

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

WBOY
Libérer： 2016-06-24 12:12:43
original
869 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
Article précédent：firefox加边框缩小错位问题_html/css_WEB-ITnose Article suivant：关于div内有子元素时，其鼠标移出事件的触发时机问题急！_html/css_WEB-ITnose
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
Derniers articles par auteur
Derniers numéros
function_exists() ne peut pas déterminer la fonction personnalisée Function test () {return true;} if (function_exists ('test')) {echo "le test est une ...
Depuis 2024-04-29 11:01:01
0
3
2252
Comment afficher la version mobile de Google Chrome Bonjour professeur, comment puis-je changer Google Chrome en version mobile ?
Depuis 2024-04-23 00:22:19
0
11
2389
La fenêtre enfant exploite la fenêtre parent, mais la sortie ne répond pas. Les deux premières phrases sont exécutables, mais la dernière ne peut pas être implémentée...
Depuis 2024-04-19 15:37:47
0
1
2002
Il n'y a aucune sortie dans la fenêtre parent document.onclick = function(){ window.opener.document.write('Je suis la sortie de la fenêt...
Depuis 2024-04-18 23:52:34
0
1
1889
Où sont les didacticiels sur la cartographie mentale CSS ? Didacticiel
Depuis 2024-04-16 10:10:18
0
0
1956
Rubriques connexes
Plus>
Recommandations populaires
Tutoriels populaires
Plus>
Tutoriels associés
Recommandations populaires
Derniers cours
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal