我应该用桌子还是桌子做这个? [英] Should I do this with tables or divs?
问题描述
我将执行此
布局完全像是表格,所以我正在考虑使用表格而不是div来推荐。你有什么建议?你可以给我一个代码框架,以便我知道如何开始,否则我只会做表格,因为这是本页面的样子 - 表格数据。你推荐什么?
我的开始显示这个
我为此使用的代码是
< div class =yta2 TB_nb fontS80>
< div class =clear>& nbsp;< / div>
< div class =fr1>& nbsp;< / div>
< div class =fr5>< input type =buttonvalue =Historik>< / div>
< div class =fl30>< h2> Grunduppgifter< / h2>< / div>
< div class =clear quarter>& nbsp;< / div>
< / div>
< div class =clear>< / div>
< div id =indagclass =yta2 TB_nb fontS80>
< div class =clear half>& nbsp;< / div>
< div class =fl10>< h3> Ingivningsdag< / h3>< / div>
< div class =fl20> Ans& ouml; kans beroende:< / div>
< div class =fl20> Oberoende ans& ouml; kan< / div>
< div class =fl10>& nbsp;< / div>
< div class =fl1>& nbsp;< / div>
< div class =fl20>< / div>
< div id =ob>
< div class =fr10 smallg> F& ouml; rnamn Efternamn,< br>& auml; ggarkod< br>< br>< / div>
< div class =fl10>< / div>
< div id =datumclass =fl20> Datum ingivningsdag:< / div>
< div class =fl20> 2009-01-01
< / div>
< div id =ffstyle =display:none;>
< div class =fr10 smallg> F& ouml; rnamn Efternamn,< br> handl& auml; ggarkod< / div>
< div class =fl10>< / div>
< div class =fl20> Fullf& ouml; ljd fr& aring; n:< / div>
< div class =fl20>< input type =text>< / div>
< div class =clear>< / div>
< div class =fl10>< / div>
< div class =fl20> WO-nummer:< / div>
< div class =fl20>< input type =text>< / div>
< div class =clear>< / div>
< div class =fl10>< / div>
< div class =fl20> Internationell ingivningsdag:< / div>
< div class =fl20>< input type =text>& nbsp;< img src =images / cal.gifalt =width =16height =15border =0>< / div>
< / div>
< div id =avdstyle =display:none;>
< div class =fr10 smallg> F& ouml; rnamn Efternamn,< br> handl& auml; ggarkod< / div>
< div class =fl10>< / div>
< div class =fl20> Avdelad fr& aring; n:< / div>
< div class =fl20>< input type =text>< input type =buttonvalue =S& ouml; k>< / div>
< div class =clear>< / div>
< div class =fl10>< / div>
< div id =datumclass =fl20> Datum ingivningsdag:< / div>
< div class =fl20>< input type =text>& nbsp;< img src =images / cal.gifalt =width =16height =15border =0>< / div>
< / div>
< div id =utbstyle =display:none;>
< div class =fr10 smallg> F& ouml; rnamn Efternamn,< br> handl& auml; ggarkod< / div>
< div class =fl10>< / div>
< div class =fl20> Utbruten fr& aring; n:< / div>
< div class =fl20>< input type =text>< input type =buttonvalue =S& ouml; k>< / div>
< div class =clear>< / div>
< div class =fl10>< / div>
< div id =datumclass =fl20> Datum ingivningsdag:< / div>
< div class =fl20>< input type =text>& nbsp;< img src =images / cal.gifalt =width =16height =15border =0>< / div>
< / div>
< div id =oepastyle =display:none;>
< div class =fr10 smallg> F& ouml; rnamn Efternamn,< br> handl& auml; ggarkod< / div>
< div class =fl10>< / div>
< div class =fl20> EP- ans& ouml; kningsnummer:< / div>
< div class =fl20>< input type =text>< input type =buttonvalue =S& ouml; k>< / div>
< div class =clear>< / div>
< div class =fl10>< / div>
< div id =datumclass =fl20> Ankomstdatum(EP-ans& kan)eller ingivningsdag(EP-ans& kan):< / div>
< div class =fl20 mt5p>< input type =text>& nbsp;< img src =images / cal.gifalt =width =16 height =15border =0>< / div>
< / div>
< div id =aooepstyle =display:none;>
< div class =fr10 smallg> F& ouml; rnamn Efternamn,< br> handl& auml; ggarkod< / div>
< div class =fl10>< / div>
< div class =fl20> Avdelad fr& aring; n:< / div>
< div class =fl20>< input type =text>< input type =buttonvalue =S& ouml; k>< / div>
< div class =clear>< / div>
< div class =fl10>< / div>
< div class =fl20> EP- ans& ouml; kningsnummer:< / div>
< div class =fl20>< input type =text>< input type =buttonvalue =S& ouml; k>< / div>
< div class =clear>< / div>
< div class =fl10>< / div>
< div id =datumclass =fl20> Ankomstdatum(EP-ans& kan)eller ingivningsdag(EP-ans& kan):< / div>
< div class =fl20 mt5p>< input type =text>& nbsp;< img src =images / cal.gifalt =width =16 height =15border =0>< / div>
< / div>
< div class =fl10>< / div>
< div class =clear>< / div>
< / div><! - indag - >
< div class =clear lh10>& nbsp;< / div>
< div id =sokuppclass =yta2 TB_nb fontS80>
< div class =fl50id =L-col>
< div class =clear half>& nbsp;< / div>
< div class =fl25>< h3> S& ouml; kande< / h3>< / div>
谢谢
Divs在内部有主要的包装和表格(可以证明这一点)。 b
$ b
例如,最后两行没有理由使用表格
I'm going to implement this
The layout is exactly like it is tables so I'm considering using tables instead of divs as recommended. What do you recommend? Could you give me a code skeleton to start with so that I know how to begin since otherwise I will just do tables since that is the way this page looks - tabular data. What do you recommend?
My start displays this
And the code I used for this is
<div class="yta2 TB_nb fontS80 ">
<div class="clear "> </div>
<div class="fr1 "> </div>
<div class="fr5 "><input type="button" value="Historik"></div>
<div class="fl30"><h2>Grunduppgifter</h2></div>
<div class="clear quarter"> </div>
</div>
<div class="clear "></div>
<div id="indag" class="yta2 TB_nb fontS80">
<div class="clear half"> </div>
<div class="fl10"><h3>Ingivningsdag</h3></div>
<div class="fl20">Ansökans beroende:</div>
<div class="fl20">Oberoende ansökan</div>
<div class="fl10"> </div>
<div class="fl1"> </div>
<div class="fl20"></div>
<div id="ob">
<div class="fr10 smallg">Förnamn Efternamn,<br>handläggarkod<br><br></div>
<div class="fl10"></div>
<div id="datum" class="fl20">Datum ingivningsdag:</div>
<div class="fl20">2009-01-01
</div>
<div id="ff" style="display: none;">
<div class="fr10 smallg">Förnamn Efternamn,<br>handläggarkod</div>
<div class="fl10"></div>
<div class="fl20">Fullföljd från:</div>
<div class="fl20"><input type="text"></div>
<div class="clear"></div>
<div class="fl10"></div>
<div class="fl20">WO-nummer:</div>
<div class="fl20"><input type="text"></div>
<div class="clear"></div>
<div class="fl10"></div>
<div class="fl20">Internationell ingivningsdag:</div>
<div class="fl20"><input type="text"> <img src="images/cal.gif" alt="" width="16" height="15" border="0"></div>
</div>
<div id="avd" style="display: none;">
<div class="fr10 smallg">Förnamn Efternamn,<br>handläggarkod</div>
<div class="fl10"></div>
<div class="fl20">Avdelad från:</div>
<div class="fl20"><input type="text"><input type="button" value="Sök"></div>
<div class="clear"></div>
<div class="fl10"></div>
<div id="datum" class="fl20">Datum ingivningsdag:</div>
<div class="fl20"><input type="text"> <img src="images/cal.gif" alt="" width="16" height="15" border="0"></div>
</div>
<div id="utb" style="display: none;">
<div class="fr10 smallg">Förnamn Efternamn,<br>handläggarkod</div>
<div class="fl10"></div>
<div class="fl20">Utbruten från:</div>
<div class="fl20"><input type="text"><input type="button" value="Sök"></div>
<div class="clear"></div>
<div class="fl10"></div>
<div id="datum" class="fl20">Datum ingivningsdag:</div>
<div class="fl20"><input type="text"> <img src="images/cal.gif" alt="" width="16" height="15" border="0"></div>
</div>
<div id="oepa" style="display: none;">
<div class="fr10 smallg">Förnamn Efternamn,<br>handläggarkod</div>
<div class="fl10"></div>
<div class="fl20">EP- ansökningsnummer:</div>
<div class="fl20"><input type="text"><input type="button" value="Sök"></div>
<div class="clear"></div>
<div class="fl10"></div>
<div id="datum" class="fl20">Ankomstdatum (EP-ansökan)<br>eller ingivningsdag (EP-ansökan):</div>
<div class="fl20 mt5p"><input type="text"> <img src="images/cal.gif" alt="" width="16" height="15" border="0"></div>
</div>
<div id="aooep" style="display: none;">
<div class="fr10 smallg">Förnamn Efternamn,<br>handläggarkod</div>
<div class="fl10"></div>
<div class="fl20">Avdelad från:</div>
<div class="fl20"><input type="text"><input type="button" value="Sök"></div>
<div class="clear"></div>
<div class="fl10"></div>
<div class="fl20">EP- ansökningsnummer:</div>
<div class="fl20"><input type="text"><input type="button" value="Sök"></div>
<div class="clear"></div>
<div class="fl10"></div>
<div id="datum" class="fl20">Ankomstdatum (EP-ansökan)<br>eller ingivningsdag (EP-ansökan):</div>
<div class="fl20 mt5p"><input type="text"> <img src="images/cal.gif" alt="" width="16" height="15" border="0"></div>
</div>
<div class="fl10"></div>
<div class="clear"></div>
</div><!-- indag -->
<div class="clear lh10"> </div>
<div id="sokupp" class="yta2 TB_nb fontS80">
<div class="fl50" id="L-col">
<div class="clear half"> </div>
<div class="fl25"><h3>Sökande</h3></div>
Thank you
I would do with both.
Divs has main wrappers and tables on the inside (on the lines that justify it).
For example the last two lines don't justify the use of tables
这篇关于我应该用桌子还是桌子做这个?的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!