HTML 관련 질문입니다.

bakdorazi의 이미지

아래의 소스를 실행하면 첨부한 그림 2base-tl과 같은 화면이 나옵니다.

그리고 이 소스 때문에 전체 그림이 어글어져 있습니다.

이 소스의 어떤 점이 문제인지를 모르겠습니다.

더불어 그림 2base-tl의 MaxRate라는 select 박스에 192, 192+64, 192+64*2, 192+64*3..... 192+64*30의 데이터를 표시해야 합니다.

지금 아래 소스에서는

<TD width=\"120\" bgColor=whitesmoke height=25>&nbsp;Max Rate (Kbps)</TD>
 
<TD> <select name=\"L0_tl_Max\" class=\"selecta\" style=\"width:70px;\"></select></TD>

여기에 아직 아무 값도 넣어놓지 않았지만 실제로는

<TD> <selsect name=\"L0_tl_Max\" class=\"selecta\" style=\"width:70px;\"> 
 
<option value=\"192\"> 192 </option> <option value=\"256\"> 256 </option>.... </select> </TD>

이렇게 되어야 합니다. 현실적으로 이렇게 적어넣기 힘들어서요.. 어떻게 값을 지정할 지 아시는 분은 도움을 부탁드립니다.

char *body;
 
 
</SCRIPT>\n\
</HEAD>\n\
<BODY text=black vLink=purple aLink=red link=blue bgColor=white leftMargin=0 topMargin=0 onload=\"init_body();\">\n\
 
 
 <TABLE cellSpacing=0 cellPadding=0 width=632 bgColor=#dbdbdb border=0>\n\
 
 
   <FORM name=form1 action=/Netsetup method=post onsubmit=\"return check_data();\">  \n\
 
 
    <TR><TD width=632>\n\
 
 
        <TABLE cellSpacing=0 cellPadding=0 width=\"100%%\" border=0>\n\
 
 
   <TR><TD width=632 height=51 valign=\"bottom\" bgcolor=\"white\"class=title-top> \n\
 
 
          <P align=right><font color=\"#3C70C6\"><b>Network setup</b>&nbsp;&nbsp;&nbsp;</font></P></TD></TR>\n\
 
 
          <TR><TD vAlign=top width=632 bgColor=white>\n\
 
 
 
중략 .......
 
 
 
   body += sprintf(body,"\n\
                  <TR><TD height=\"1\" colspan=\"4\" bgcolor=\"#DDDDDD\"><p><spacer type=\"block\" height=\"1\"></TD></TR>\n");
 
 body += sprintf(body,"\n\
                         <TR><TD width=\"96\" bgColor=whitesmoke height=25>&nbsp;Device Type</TD>\n\
 
                       <TD colspan=\"4\" height=25>&nbsp;<select name=\"wan_gshdsl\" class=\"selecta\"><option value=\"cpe\">CPE</option><option value=\"coe\">COE</option></select>\n\
 
                         <TD width=\"76\" bgColor=whitesmoke height=25>&nbsp;Annex</TD>\n\
 
                         <TD colspan=\"4\" height=25>&nbsp; <select name=\"wan_std\" class=\"selecta\"><option value=\"a\">A</option><option value=\"b\">B</option></select></TD>\n\
 
                          <TD width=\"76\" bgColor=whitesmoke height=25>&nbsp;Margin(dB)</TD>\n\
 
                           <TD colspan=\"4\" height=25>&nbsp;<select name=\"tl_margin\" class=\"selecta\"><option value=\"0\">0</option><option value=\"1\">1</option></select></TD></TR>\n");
 
 
        body += sprintf(body,"\n\
 
                               <TR><TD width=\"40\" bgColor=whitesmoke height=25>&nbsp;Line 0</TD>\n\
 
                                  <TD width=\"120\" bgColor=whitesmoke height=25>&nbsp;Max Rate (Kbps)</TD>\n\
 
                                   <TD> <select name=\"L0_tl_Max\" class=\"selecta\" style=\"width:70px;\"></select></TD>\n\
 
                                   <TD width=\"120\" bgColor=whitesmoke height=25>&nbsp;Min Rate (Kbps)</TD>\n\
 
                                   <TD> <select name=\"L0_tl_Min\" class=\"selecta\" style=\"width:70px;\"></select></TD></TR>\n");
 
 
if (is_tiny_single_pair()) {
 
        body += sprintf(body,"\n\
 
                                <TR><TD width=\"40\" bgColor=whitesmoke height=25>&nbsp;Line 1</TD>\n\
 
                                    <TD width=\"120\" bgColor=whitesmoke height=25>&nbsp;Max Rate (Kbps)</TD>\n\
 
                                    <TD><select name=\"L1_tl_Max\" class=\"selecta\" style=\"width:70px;\"></select></TD>\n\
 
                                    <TD width=\"120\" bgColor=whitesmoke height=25>&nbsp;Min Rate (Kbps)</TD>\n\
 
                                    <TD><select name=\"L1_tl_Min\" class=\"selecta\" style=\"width:70px;\"></select></TD></TR>\n");
 
 
}

만약 여기 소스만 보시고 어디가 어글어졌는지 모르시겠으면 전체 소스를 올립니다.

자바스크립트로 짜여져 있지만 그렇게 어렵지는 않습니다.

눈으로 보고 내려가셔도 될 정도 인데요...

제가 자바 스크립트나 HTML 태그에 익숙치 않다보니 이런 질문을 올립니다..

바쁘시겠지만 한 번 봐주시고 어디가 문제인지 말씀 좀 해주세요...

File attachments: 
첨부파일 크기
Image icon 2base-tl.JPG11.67 KB
Image icon tiny.JPG43.04 KB
Plain text icon netsetup_htm.txt38.49 KB

댓글 달기

Filtered HTML

  • 텍스트에 BBCode 태그를 사용할 수 있습니다. URL은 자동으로 링크 됩니다.
  • 사용할 수 있는 HTML 태그: <p><div><span><br><a><em><strong><del><ins><b><i><u><s><pre><code><cite><blockquote><ul><ol><li><dl><dt><dd><table><tr><td><th><thead><tbody><h1><h2><h3><h4><h5><h6><img><embed><object><param><hr>
  • 다음 태그를 이용하여 소스 코드 구문 강조를 할 수 있습니다: <code>, <blockcode>, <apache>, <applescript>, <autoconf>, <awk>, <bash>, <c>, <cpp>, <css>, <diff>, <drupal5>, <drupal6>, <gdb>, <html>, <html5>, <java>, <javascript>, <ldif>, <lua>, <make>, <mysql>, <perl>, <perl6>, <php>, <pgsql>, <proftpd>, <python>, <reg>, <spec>, <ruby>. 지원하는 태그 형식: <foo>, [foo].
  • web 주소와/이메일 주소를 클릭할 수 있는 링크로 자동으로 바꿉니다.

BBCode

  • 텍스트에 BBCode 태그를 사용할 수 있습니다. URL은 자동으로 링크 됩니다.
  • 다음 태그를 이용하여 소스 코드 구문 강조를 할 수 있습니다: <code>, <blockcode>, <apache>, <applescript>, <autoconf>, <awk>, <bash>, <c>, <cpp>, <css>, <diff>, <drupal5>, <drupal6>, <gdb>, <html>, <html5>, <java>, <javascript>, <ldif>, <lua>, <make>, <mysql>, <perl>, <perl6>, <php>, <pgsql>, <proftpd>, <python>, <reg>, <spec>, <ruby>. 지원하는 태그 형식: <foo>, [foo].
  • 사용할 수 있는 HTML 태그: <p><div><span><br><a><em><strong><del><ins><b><i><u><s><pre><code><cite><blockquote><ul><ol><li><dl><dt><dd><table><tr><td><th><thead><tbody><h1><h2><h3><h4><h5><h6><img><embed><object><param>
  • web 주소와/이메일 주소를 클릭할 수 있는 링크로 자동으로 바꿉니다.

Textile

  • 다음 태그를 이용하여 소스 코드 구문 강조를 할 수 있습니다: <code>, <blockcode>, <apache>, <applescript>, <autoconf>, <awk>, <bash>, <c>, <cpp>, <css>, <diff>, <drupal5>, <drupal6>, <gdb>, <html>, <html5>, <java>, <javascript>, <ldif>, <lua>, <make>, <mysql>, <perl>, <perl6>, <php>, <pgsql>, <proftpd>, <python>, <reg>, <spec>, <ruby>. 지원하는 태그 형식: <foo>, [foo].
  • You can use Textile markup to format text.
  • 사용할 수 있는 HTML 태그: <p><div><span><br><a><em><strong><del><ins><b><i><u><s><pre><code><cite><blockquote><ul><ol><li><dl><dt><dd><table><tr><td><th><thead><tbody><h1><h2><h3><h4><h5><h6><img><embed><object><param><hr>

Markdown

  • 다음 태그를 이용하여 소스 코드 구문 강조를 할 수 있습니다: <code>, <blockcode>, <apache>, <applescript>, <autoconf>, <awk>, <bash>, <c>, <cpp>, <css>, <diff>, <drupal5>, <drupal6>, <gdb>, <html>, <html5>, <java>, <javascript>, <ldif>, <lua>, <make>, <mysql>, <perl>, <perl6>, <php>, <pgsql>, <proftpd>, <python>, <reg>, <spec>, <ruby>. 지원하는 태그 형식: <foo>, [foo].
  • Quick Tips:
    • Two or more spaces at a line's end = Line break
    • Double returns = Paragraph
    • *Single asterisks* or _single underscores_ = Emphasis
    • **Double** or __double__ = Strong
    • This is [a link](http://the.link.example.com "The optional title text")
    For complete details on the Markdown syntax, see the Markdown documentation and Markdown Extra documentation for tables, footnotes, and more.
  • web 주소와/이메일 주소를 클릭할 수 있는 링크로 자동으로 바꿉니다.
  • 사용할 수 있는 HTML 태그: <p><div><span><br><a><em><strong><del><ins><b><i><u><s><pre><code><cite><blockquote><ul><ol><li><dl><dt><dd><table><tr><td><th><thead><tbody><h1><h2><h3><h4><h5><h6><img><embed><object><param><hr>

Plain text

  • HTML 태그를 사용할 수 없습니다.
  • web 주소와/이메일 주소를 클릭할 수 있는 링크로 자동으로 바꿉니다.
  • 줄과 단락은 자동으로 분리됩니다.
댓글 첨부 파일
이 댓글에 이미지나 파일을 업로드 합니다.
파일 크기는 8 MB보다 작아야 합니다.
허용할 파일 형식: txt pdf doc xls gif jpg jpeg mp3 png rar zip.
CAPTCHA
이것은 자동으로 스팸을 올리는 것을 막기 위해서 제공됩니다.