Форум программистов [Powered by Invision Power Board]

Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате

Форум программистов > Вёрстка веб-сайтов > Новая строка

Автор: gta4kv 31.10.2007, 16:38

Здрасте.

Код


    <p>
               Ключ: <input type="text" size="4" maxlength="6" id="key1" name="key1" /> - <input type="text" size="1" maxlength="4" id="key2" name="key2" /> - <input type="text" size="4" maxlength="6" id="key3" name="key3" /> -  <input type="text" size="1" maxlength="4" id="key4" name="key4" /> - <input type="text" size="4" maxlength="6" id="key5" name="key5" /> </p> <div id="error"> </div> <p><br /><br />
               <input type="submit" value="Далее" id="ok" onclick="checkKey(getElementById('key1').value);" /> 
               </p>

Близже к концу есть ( второй строки ) "<div id="error"> </div> ", вот этот подлый див переходит на новую строчку, как сделать что бы он был на одной строке с input'aми?

smile

Автор: Наставник 31.10.2007, 17:10

gta4kv, что сразу бросается в глаза, это

1. то, что теги <div id="error"> </div>, стоят после закрывающего тега "абзаца" </p>.
Необходимо сделать так:

Код


... - <input type="text" size="4" maxlength="6" id="key5" name="key5" />  <div id="error"> </div> </p>

2. если данный способ не поможет, а скорее всего так и будет, то необходимо тег <div> заменить на тег <span>, т.е. все вместе

Код


... - <input type="text" size="4" maxlength="6" id="key5" name="key5" />  <span id="error"> </span> </p>

Должно работать.

Автор: gta4kv 31.10.2007, 17:41

Цитата(Наставник @ 31.10.2007, 17:10)

Код


... - <input type="text" size="4" maxlength="6" id="key5" name="key5" />  <div id="error"> </div> </p>

Код


... - <input type="text" size="4" maxlength="6" id="key5" name="key5" />  <span id="error"> </span> </p>

Должно работать.

С дивам пробывал и так, спан спас! спасибо. ;)

Автор: Blaga 31.10.2007, 17:55

gta4kv, так же могло помочь свойство display в CSS

Автор: skyboy 31.10.2007, 18:04

в любом варианте решения - проблема в не совсем корректной верстке. точнее, в логике.
<p> и <div> - блочные элементы по стандарту, потому после закрытия <p>, как и при открытие нового <div> будет перенос строки.
В принципе, в задании для них display: none нет ничего неправильного, просто это как плавающий танк - хорош в воде только когда других вариантов нет.

Автор: Blaga 1.11.2007, 05:36

skyboy, я говорил про diplay: inline или inline-table

Автор: skyboy 1.11.2007, 09:09

Blaga, да, сорри, описка. c display: none как раз все нормально - просто скрыли. а вот "<div style="display: inline;">" или "<span style="display: block;">" - как-то уже настораживает.

Автор: Blaga 1.11.2007, 11:01

skyboy, я про то что у нас есть блочный элемент Р и DIV с display:inline тогда переноса не будет.