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


Автор: Артем125 3.10.2009, 15:06
в браузере Мозила все в порядке, а в эксплорере нет.

Подробней. Вот код
Код

    // формирование и вывод таблицы
    $table = '';
    if (!empty($сolumns) && !empty($rows)) {
    
        for ($i = 0; $i < intval($rows); $i++){
            
    
            for ($j = 0; $j < intval($сolumns); $j++) {
            
                                  
                $table = $table.'<label><input type="text" name="'.$i.$j.'" id="'.$i.$j.'" size="10" maxlength="256"></label>';
                        
            }    
            $table = $table.'<br>';
        
        } 



допустим, что переменная $сolumns имеет значение 20. Каждый input  по 10. В мозиле они выстраиваются в одну строку, а в эксполорере в 3 строки, остальные переносятся на другие строчки. Вся эта конструкция сидит в таблице, которая в % и растягивается, хотя лучше чтобы нет. 
Как мне в эксплорере заставить их строится в один ряд

Автор: bars80080 3.10.2009, 21:01
послушайте, вы издеваетесь? какое отношение пхп-код имеет к вёрстке?

запустите свой скрипт в браузере, щёлкните правой кнопкой по странице и выберите "показать html-код". и копируйте сюда

со стилями

Автор: Артем125 3.10.2009, 22:04
И не думал издеваться, извините

Код

<form action="/tool/adm/index.php?action=sectionsAddTable" method="POST" name="showSectionsAddTableFormSave">

<label><input type="text" name="00" id="00" size="10" maxlength="256"></label>
<label><input type="text" name="01" id="01" size="10" maxlength="256"></label>
<label><input type="text" name="02" id="02" size="10" maxlength="256"></label>
<label><input type="text" name="03" id="03" size="10" maxlength="256"></label>
<label><input type="text" name="04" id="04" size="10" maxlength="256"></label>
<label><input type="text" name="05" id="05" size="10" maxlength="256"></label>
<label><input type="text" name="06" id="06" size="10" maxlength="256"></label>
<label><input type="text" name="07" id="07" size="10" maxlength="256"></label>

<label><input type="text" name="08" id="08" size="10" maxlength="256"></label>
<label><input type="text" name="09" id="09" size="10" maxlength="256"></label>
<br><label><input type="text" name="10" id="10" size="10" maxlength="256"></label>
<label><input type="text" name="11" id="11" size="10" maxlength="256"></label>
<label><input type="text" name="12" id="12" size="10" maxlength="256"></label>
<label><input type="text" name="13" id="13" size="10" maxlength="256"></label>
<label><input type="text" name="14" id="14" size="10" maxlength="256"></label>
<label><input type="text" name="15" id="15" size="10" maxlength="256"></label>
<label><input type="text" name="16" id="16" size="10" maxlength="256"></label>
<label><input type="text" name="17" id="17" size="10" maxlength="256"></label>
<label><input type="text" name="18" id="18" size="10" maxlength="256"></label>
<label><input type="text" name="19" id="19" size="10" maxlength="256"></label>
<br><label><input type="text" name="20" id="20" size="10" maxlength="256"></label>
<label><input type="text" name="21" id="21" size="10" maxlength="256"></label>
<label><input type="text" name="22" id="22" size="10" maxlength="256"></label>
<label><input type="text" name="23" id="23" size="10" maxlength="256"></label>
<label><input type="text" name="24" id="24" size="10" maxlength="256"></label>

<label><input type="text" name="25" id="25" size="10" maxlength="256"></label>
<label><input type="text" name="26" id="26" size="10" maxlength="256"></label>
<label><input type="text" name="27" id="27" size="10" maxlength="256"></label>
<label><input type="text" name="28" id="28" size="10" maxlength="256"></label>
<label><input type="text" name="29" id="29" size="10" maxlength="256"></label>
<br><label><input type="text" name="30" id="30" size="10" maxlength="256"></label>
<label><input type="text" name="31" id="31" size="10" maxlength="256"></label>
<label><input type="text" name="32" id="32" size="10" maxlength="256"></label>
<label><input type="text" name="33" id="33" size="10" maxlength="256"></label>
<label><input type="text" name="34" id="34" size="10" maxlength="256"></label>
<label><input type="text" name="35" id="35" size="10" maxlength="256"></label>
<label><input type="text" name="36" id="36" size="10" maxlength="256"></label>
<label><input type="text" name="37" id="37" size="10" maxlength="256"></label>
<label><input type="text" name="38" id="38" size="10" maxlength="256"></label>
<label><input type="text" name="39" id="39" size="10" maxlength="256"></label>
<br>

<p>
  <input name="rows" type="hidden" value="4">
  </p>
<p>
  <input type="submit" name="d"  value="Сохранить таблицу">

</p>
</form>



Вопрос еще раз, сформулирую по другому. Вот допустим ширина родительской таблицы 800 пикселей. В нее в ряд выкладываются прямоугольники определенной длины. Допустим в сумме они превышают 800 пикселей и переносятся на следующюю строчку. Что надо сделать, может завернуть каждый Инпут в ячейку, или в див или как?

Автор: Артем125 3.10.2009, 22:39
Вопрос решил. Каждый input завертываем в ячейку, например вот так

Код

<td><label><input type="text" name="'.$i.$j.'" id="'.$i.$j.'" size="10" maxlength="256"></label></td>

Автор: bars80080 4.10.2009, 00:20
а зачем здесь label, если никакого текста около инпутов нет?

в строчку выкладывает следующее свойство display: inline; можно задать его для тэга input или определённого класса

также советую атрибуты name и id начинать с буквы


ну, и надеюсь, если используете td, то также используете tr и table

Автор: Артем125 4.10.2009, 00:48
Дисплей к сожалению ни в классах ни в переопределении тега не заработал, правда с помощью <td></td> ну и сопутствующих тегов )) отлично работает, на том и остановился

А почему также советую атрибуты name и id начинать с буквы??

Автор: bars80080 4.10.2009, 11:20
Цитата(Артем125 @  4.10.2009,  00:48 Найти цитируемый пост)
и в классах ни в переопределении тега не заработал

какой-то стиль выдавливает, надо усилить приоритет


Цитата(Артем125 @  4.10.2009,  00:48 Найти цитируемый пост)
А почему также советую атрибуты name и id начинать с буквы?

традиционно переменные и имена должны начинаться с буквы. в некоторых языках это прописано жёстко, так что иначе будет ошибка. в js вроде тоже в начале так было, но потом браузеры стали гибче. если не исправить, то это может грозить неработоспособностью в некоторых версиях браузеров, а также ошибками при манипуляции данными. допустим, когда имя собирается. лучше интерпретатору дать однозначный ответ, что имя - это строка, а не число

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