Форум: Форум PHPФорум ApacheФорум Регулярные ВыраженияФорум MySQLHTML+CSS+JavaScriptФорум FlashРазное
Новые темы: 0000000
Самоучитель MySQL 5. Авторы: Кузнецов М.В., Симдянов И.В. PHP. Практика создания Web-сайтов (второе издание). Авторы: Кузнецов М.В., Симдянов И.В. MySQL на примерах. Авторы: Кузнецов М.В., Симдянов И.В. PHP Puzzles. Авторы: Кузнецов М.В., Симдянов И.В. PHP на примерах (2 издание). Авторы: Кузнецов М.В., Симдянов И.В.
ВСЕ НАШИ КНИГИ
Консультационный центр SoftTime

HTML+CSS+JavaScript

Выбрать другой форум

 

Здравствуйте, Посетитель!

вид форума:
Линейный форум Структурный форум

тема: Выравнивание
 
 автор: WhitelorD   (15.04.2007 в 16:22)   письмо автору
 
 

Подскажите, почему форма не хочет выравниваться по середине, только в опере она отображаеться по середине, а вот в ИЕ7 и в фаерфоксе ползет вверх.


{* simple search form *}
<table height="71" border="0" cellpadding="0" cellspacing=0>
<td width="44" valign="bottom"><img src="images/new_v_20.gif" width="44" height="71"></td>
            <td width="116" class="orangeLinne"><table width="100%" height="71" border="0" cellpadding="0" cellspacing="0">
              <tr>
                <td valign="top" class="searchTxt">search</td>
              </tr>
              <tr>
                <td valign="bottom"><table width="100%" border="0" cellspacing="0" cellpadding="0">
                  <tr>
                    <td valign="middle">    <form  action="index.php" method=get>


        
                <input name="searchstring" type="text" id="log" maxlength="100" class="serchFrm">
                    {section name=i loop=$searchstrings}
        <input type=hidden name='search_string_{$smarty.section.i.index}' 
            value="{$searchstrings[i]}">        
    {/section}
                    </form></td>
                    <td valign="middle"><input type="image" src="images/search_03.gif"></td>
                  </tr>
                </table></td>
              </tr>
              <tr>
                <td align="left" valign="top" class="searchMore">advanced search</td>
              </tr>
    </table></td>
            <td width="42" align="right" valign="bottom"><img src="images/new_v_23.gif" width="42" height="71"></td>
          </tr>
          

        <!--
        {if $old_search_query ne ""}
            <input type=hidden name="oldproducts" value="{$old_search_query}">
        {/if}
        -->

    

    </form>

</table>

   
 
 автор: Lelik   (15.04.2007 в 16:58)   письмо автору
 
   для: WhitelorD   (15.04.2007 в 16:22)
 

во-первых надо раобраться с версткой (просьба на будущее - выкладывай код в более аккуратном виде - больше шансов того, что помогут :) ). есть один открывающий тег form и два закрывающих - надо решить, какой из них лишний.

во-вторых лучше делать так

<td style="vertical-align:middle;"></td>
или
<style>
td.mdl { vertical-align:middle; }
</style>
...
<td class="mdl"></td>

   
 
 автор: WhitelorD   (15.04.2007 в 17:12)   письмо автору
 
   для: Lelik   (15.04.2007 в 16:58)
 

Спасибо за совет, действительно, 1-н тег форм был лишним. Только вот опять, отображение в ИЕ7 и опере стало нормальное, а файерфоксу чтото не нравиться.(

   
 
 автор: Lelik   (16.04.2007 в 00:13)   письмо автору
 
   для: WhitelorD   (15.04.2007 в 17:12)
 

можно попробовать положить форму в див или спан.
или для формы задать примерно следующие стили (естественно при свойстве стиля ячейки таблицы vertical-align:middle):

<style>
form.mdl_form { margin:auto 0px; }
</style>
...
<td>
<form class="mdl_form">
...
</form>
</td>
...

   
 
 автор: WhitelorD   (16.04.2007 в 16:11)   письмо автору
 
   для: Lelik   (16.04.2007 в 00:13)
 

Спасибо еще раз за совет, просто стоило поставить в нужном месте закрыв. тег форм, и все стало на свои места.

   
Rambler's Top100
вверх

Rambler's Top100 Яндекс.Метрика Яндекс цитирования