Skip to main content

Return to Question

added code
Source Link
Niklas Rosencrantz
Niklas Rosencrantz
  • 26.7k
  • 78
  • 247
  • 447

My start displays this

enter image description here

And the code I used for this is

<div class="yta2 TB_nb fontS80 "> <div class="clear ">&nbsp;</div> <div class="fr1 ">&nbsp;</div> <div class="fr5 "><input type="button" value="Historik"></div> <div class="fl30"><h2>Grunduppgifter</h2></div> <div class="clear quarter">&nbsp;</div> </div> <div class="clear "></div> <div id="indag" class="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>handl&auml;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&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.gif" alt="" width="16" height="15" border="0"></div> </div> <div id="avd" style="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="button" value="S&ouml;k"></div> <div class="clear"></div> <div class="fl10"></div> <div id="datum" class="fl20">Datum ingivningsdag:</div> <div class="fl20"><input type="text">&nbsp;<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&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="button" value="S&ouml;k"></div> <div class="clear"></div> <div class="fl10"></div> <div id="datum" class="fl20">Datum ingivningsdag:</div> <div class="fl20"><input type="text">&nbsp;<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&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="button" value="S&ouml;k"></div> <div class="clear"></div> <div class="fl10"></div> <div id="datum" class="fl20">Ankomstdatum (EP-ans&ouml;kan)<br>eller ingivningsdag (EP-ans&ouml;kan):</div> <div class="fl20 mt5p"><input type="text">&nbsp;<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&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="button" value="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="button" value="S&ouml;k"></div> <div class="clear"></div> <div class="fl10"></div> <div id="datum" class="fl20">Ankomstdatum (EP-ans&ouml;kan)<br>eller ingivningsdag (EP-ans&ouml;kan):</div> <div class="fl20 mt5p"><input type="text">&nbsp;<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">&nbsp;</div> <div id="sokupp" class="yta2 TB_nb fontS80"> <div class="fl50" id="L-col"> <div class="clear half">&nbsp;</div> <div class="fl25"><h3>S&ouml;kande</h3></div>

Thank you

Thank you

My start displays this

enter image description here

And the code I used for this is

<div class="yta2 TB_nb fontS80 "> <div class="clear ">&nbsp;</div> <div class="fr1 ">&nbsp;</div> <div class="fr5 "><input type="button" value="Historik"></div> <div class="fl30"><h2>Grunduppgifter</h2></div> <div class="clear quarter">&nbsp;</div> </div> <div class="clear "></div> <div id="indag" class="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>handl&auml;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&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.gif" alt="" width="16" height="15" border="0"></div> </div> <div id="avd" style="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="button" value="S&ouml;k"></div> <div class="clear"></div> <div class="fl10"></div> <div id="datum" class="fl20">Datum ingivningsdag:</div> <div class="fl20"><input type="text">&nbsp;<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&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="button" value="S&ouml;k"></div> <div class="clear"></div> <div class="fl10"></div> <div id="datum" class="fl20">Datum ingivningsdag:</div> <div class="fl20"><input type="text">&nbsp;<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&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="button" value="S&ouml;k"></div> <div class="clear"></div> <div class="fl10"></div> <div id="datum" class="fl20">Ankomstdatum (EP-ans&ouml;kan)<br>eller ingivningsdag (EP-ans&ouml;kan):</div> <div class="fl20 mt5p"><input type="text">&nbsp;<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&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="button" value="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="button" value="S&ouml;k"></div> <div class="clear"></div> <div class="fl10"></div> <div id="datum" class="fl20">Ankomstdatum (EP-ans&ouml;kan)<br>eller ingivningsdag (EP-ans&ouml;kan):</div> <div class="fl20 mt5p"><input type="text">&nbsp;<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">&nbsp;</div> <div id="sokupp" class="yta2 TB_nb fontS80"> <div class="fl50" id="L-col"> <div class="clear half">&nbsp;</div> <div class="fl25"><h3>S&ouml;kande</h3></div>

Thank you

Source Link
Niklas Rosencrantz
Niklas Rosencrantz
  • 26.7k
  • 78
  • 247
  • 447

Should I do this with tables or divs?

I'm going to implement this enter image description here

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?

Thank you