如何调整此网页的外观?

时间:2013-07-17 19:10:07

标签: html css smarty

我正在使用Smarty,PHP和HTML。我给你的网页JS小提琴的URL。您可以看到只有第一个问题包含在一个框中,所有其他问题及其答案都是开箱即用的。我想将它们显示在盒子里。我尝试了很多技巧,但对我来说没有任何效果。所以最后我问这里。谁可以在这方面帮助我?提前致谢。聪明的模板代码和小提琴链接,您可以在其中看到该页面的纯HTML,如下所示: 来自Smarty文件的代码:

<table class="manage_box" cellpadding="5" cellspacing="1" style="border:1px solid #996633; font-size:13px;" width="100%" >
  <tbody>
{if $all_questions} 
  {assign var='que_seq_no' value=1}
    {foreach from=$all_questions item=qstn_ans key=key}
    <tr>
      <td align="center" colspan="2">
        <table border="0" width="100%" cellpadding="0" cellspacing="0">
          <tr class="question_info">
            <td valign="top"><b>Question {$que_seq_no}. </b>{if $qstn_ans.question_directions}<br /><b>Direction : </b>{$qstn_ans.question_directions}{/if}<br /><b>Question : </b>{$qstn_ans.question_text}
            </td>
            <td align="right" width="5%" valign="bottom"><b>{$search_ques_id_str}{$qstn_ans.question_id}</b>
            </td>
          </tr>
      {if $test_details.is_test_questions_freez==0 && $all_questions && ($test_details.test_begin_time>$curent_server_time || $test_details.test_mode=='non-schedule') && ($test_details.is_test_lock=='0' || $test_details.is_test_lock=='')}
          <tr class="question_info">
            <td align="right" valign="bottom" colspan="2" width="100%"><a href="change_test_question.php?test_id={$test_details.test_id}&question_id={$qstn_ans.question_id}">Change Question</a>
            </td>
          </tr>
      {/if}

      {if $qstn_ans.question_file}
          <tr class="question_info">
            <td colspan="2"><img src="{$ques_thum_image_path}{$qstn_ans.question_id}_{$qstn_ans.question_file}" />
            </td>
          </tr>
      {/if}
      {if $qstn_ans.question_has_sub_ques==0}
        {if $qstn_ans.answer}
          <tr>
            <td colspan="2">Answers&nbsp;:&nbsp;</td>
          </tr>
          {foreach from=$qstn_ans.answer item=ans key=ans_no}
          <tr valign="top">
            <td valign="top" colspan="2">
            {if $ans.answer_is_right==1}{assign var='correct_ans' value=$ans_no+1}
            {/if}
            <b style="font-size:13px;">{$ans_no+1}.</b>&nbsp;&nbsp;{if $ans.answer_text!=''}{$ans.answer_text}{/if}<br />
            {if $ans.answer_file!=''}<img src="{$ans_thumb_img_path}{$ans.answer_id}_{$ans.answer_file}" />{/if}
            </td>
          </tr>
          {/foreach}
          <tr>
            <td colspan="2"><b style="font-size:13px;">Correct Answer Option : {$correct_ans}</b></td>
          </tr>
      {/if}
      {else}
        {if $qstn_ans.question_has_sub_ques==1 && $qstn_ans.sub_question}
          {foreach from=$qstn_ans.sub_question item=sub_ques_ans key=sub_ques_no}
          <tr>
            <td valign="top"><b style="font-size:13px;">Sub-question {$que_seq_no}.{$sub_ques_no+1}&nbsp;)&nbsp;&nbsp;</b>{$sub_ques_ans.question_text}
            </td>
            <td align="right" width="5%" valign="bottom"><b>{$search_ques_id_str}{$sub_ques_ans.question_id}</b>
            </td>
          </tr>
            {if $sub_ques_ans.question_file!=''}
          <tr>
            <td valign="top" colspan="2"><img src="{$ques_thum_image_path}{$sub_ques_ans.question_id}_{$sub_ques_ans.question_file}">
            </td>
          </tr>
            {/if}
            {if $sub_ques_ans.answer}
          <tr>
            <td colspan="2">Answer&nbsp;:&nbsp;</td>
          </tr>
              {foreach from=$sub_ques_ans.answer item=sub_ans key=sub_ans_no}
          <tr>
            <td valign="top" colspan="2">
                {if $sub_ans.answer_is_right==1} {assign var='correct_sub_ans' value=$sub_ans_no+1} 
                {/if}
              <b style="font-size:13px;">{$sub_ans_no+1}&nbsp;.&nbsp;</b>{if $sub_ansanswer_text!=''}{$sub_ans.answer_text}{/if}<br />
                {if $sub_ans.answer_file!=''}<img src="{$ans_thumb_img_path}{$sub_ans.answer_id}_{$sub_ans.answer_file}" >
                {/if}
            </td>
          </tr>
              {/foreach}
          <tr>
            <td colspan="2"><b style="font-size:13px;">Correct Answer Option : {$correct_sub_ans}</b>
            </td>
          </tr>
            {/if}    
          {/foreach}
        {/if}   
      {/if}
        </table>
      </td>
    </tr>
    {assign var='que_seq_no' value=$que_seq_no+1}
  {/foreach}
  {else}
    <tr>
      <td align="center" colspan="2"><b>No Test Questions Available</b></td>
    </tr>
{/if}                        
  </tbody>
</table>

{literal}
<script language="javascript" type="text/javascript">
  $('#close_details').click(function() {
     $('#transperant_popup').hide();
     $('#transperant_popup_content').hide();
     $('#transperant_popup_content').html('');
  });
</script>
{/literal}

JSFiddle link

1 个答案:

答案 0 :(得分:0)

从JsFiddls我可以说你需要在第一个问题之后删除额外的标签。只是因为那个标签,第一个问题是在一个盒子里放映,而有些则不是。要在一个聪明的模板中操作检查PHP代码获取所有问题,可能是标记应该来自数据库本身。除此之外,应该没有这种行为的原因。