Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате
Форум программистов > Вёрстка веб-сайтов > Рациональное построение формы быстрого ответа


Автор: 2man 25.1.2006, 06:01
Делаю под IPB-шный форум свою форму быстрого ответа и думаю, как рациональней разместить на ней теги.
наверное саму форму быстрого ответа я размещу в таблице:
слева в столбик у меня будут теги URL, PHP, CODE, IMG, LIST, выравнивание;
справа в ячейку я помещу textarea;
а под таблицей внизу по центру будут смайлы.
Возник вопрос мне теги следует помещать в разные ячейки либо между ними вставлять spaicer (пустое место в пиксель)?

Автор: beroal 25.1.2006, 21:04
если столбец один, думаю, таблицу можно не городить. заключай их в теги <p> или <div>, указав у последних отступы сверху и снизу.

Автор: 2man 26.1.2006, 03:29
Все-таки нравится мне изврат smile
Код

  <div class="rteDiv" style="width:650px">
    <!-- Color palette -->
    <iframe width="154" height="104" id="cp" src="style_images/new_year/folder_rte_files/palette.html" marginwidth="0" marginheight="0" scrolling="no" style="visibility:hidden; display: none; position: absolute;"></iframe>
    <!-- /Color palette -->
   <!-- Row 1 -->
   <table class="rtebuttonbar1" cellpadding="2" cellspacing="0" id="Buttons1">
    <tr>
    <td width='1%' align='left' nowrap='nowrap'>
      <table cellpadding='0' cellspacing='0' width='100%'>
       <tr>
        <td><img class="rteVertSep" src="style_images/new_year/folder_rte_images/rte_dots.gif" width="3" height="15" border="0" alt=""></td>
        <td><select name="ffont" class="codebuttons" onchange="alterfont(this.options[this.selectedIndex].value, 'font')">
                <option value='0'>Шрифт</option>
                <script type="text/javascript">document.write( write_fontface_box() );</script>
            </select></td>
         <td><select name="fsize" class="codebuttons" onchange="alterfont(this.options[this.selectedIndex].value, 'size')">
                <option value='0'>Размер</option>
                <script type="text/javascript">document.write( write_fontsize_box() );</script>
            </select></td>
         <!--SEP-->
         <td><img class="rteVertSep" src="style_images/new_year/folder_rte_images/blackdot.gif" width="1" height="20" border="0" alt=""></td>
         <!--/SEP-->
         <td><div id="do_indent"><img class="rteimage" src="style_images/new_year/folder_rte_images/indent.gif" width="25" height="24" alt="Отступ" title="Отступ" onclick="simpletag('indent')"></div></td>
        </tr>
        </table>
    </td>
     <td width='98%'>&nbsp;</td>
     <td width='1%' nowrap='nowrap' align='right'>
      <table cellpadding='0' cellspacing='0' width='100%'>
       <tr>
        <td><div id="do_closeall"><img class="rteimage" src="style_images/new_year/folder_rte_images/closeall.gif" width="25" height="24" alt="Закрыть все теги" title="Закрыть все теги" onclick="closeall()"></div></td>
       </tr>
      </table>
     </td>
    </tr>
    </table>

Воть smile smile

Автор: Innuendo 29.1.2006, 16:09
я когда-то себе строил... вот как у меня выглядит... если надо могу скинуть код
http://img403.imageshack.us/img403/9361/bistr1ck.jpg

Powered by Invision Power Board (http://www.invisionboard.com)
© Invision Power Services (http://www.invisionpower.com)