Модераторы: Illuminaty
  

Поиск:

Ответ в темуСоздание новой темы Создание опроса
> Новая строка, противная :-[ 
V
    Опции темы
gta4kv
Дата 31.10.2007, 16:38 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Walking around mad.
***


Профиль
Группа: Завсегдатай
Сообщений: 1868
Регистрация: 25.7.2006

Репутация: нет
Всего: 91



Здрасте.
Код

    <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 

Это сообщение отредактировал(а) gta4kv - 31.10.2007, 16:39
PM MAIL   Вверх
Наставник
Дата 31.10.2007, 17:10 (ссылка) |    (голосов:2) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


Профиль
Группа: Участник
Сообщений: 327
Регистрация: 4.11.2004

Репутация: 2
Всего: 15



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>


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



--------------------
Богатство языка определяет широту мысли
Персональный сайт >>
PM MAIL WWW   Вверх
gta4kv
Дата 31.10.2007, 17:41 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Walking around mad.
***


Профиль
Группа: Завсегдатай
Сообщений: 1868
Регистрация: 25.7.2006

Репутация: нет
Всего: 91



Цитата(Наставник @ 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>


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

С дивам пробывал и так, спан спас! спасибо. ;)
PM MAIL   Вверх
Blaga
Дата 31.10.2007, 17:55 (ссылка) |    (голосов:2) Загрузка ... Загрузка ... Быстрая цитата Цитата


ЛамМер++
**


Профиль
Группа: Участник
Сообщений: 429
Регистрация: 15.11.2005
Где: г. Иркутск

Репутация: нет
Всего: 4



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


--------------------

http://displayart.ru - Обои.
http://a2themes.ru - Сайт о движках DLE, phpBB3, WordPress.
PM MAIL ICQ   Вверх
skyboy
Дата 31.10.2007, 18:04 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


неОпытный
****


Профиль
Группа: Модератор
Сообщений: 9820
Регистрация: 18.5.2006
Где: Днепропетровск

Репутация: 6
Всего: 260



в любом варианте решения - проблема в не совсем корректной верстке. точнее, в логике.
<p> и <div> - блочные элементы по стандарту, потому после закрытия <p>, как и при открытие нового <div> будет перенос строки. 
В принципе, в задании для них display: none нет ничего неправильного, просто это как плавающий танк - хорош в воде только когда других вариантов нет. 
PM MAIL   Вверх
Blaga
Дата 1.11.2007, 05:36 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


ЛамМер++
**


Профиль
Группа: Участник
Сообщений: 429
Регистрация: 15.11.2005
Где: г. Иркутск

Репутация: нет
Всего: 4



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


--------------------

http://displayart.ru - Обои.
http://a2themes.ru - Сайт о движках DLE, phpBB3, WordPress.
PM MAIL ICQ   Вверх
skyboy
Дата 1.11.2007, 09:09 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


неОпытный
****


Профиль
Группа: Модератор
Сообщений: 9820
Регистрация: 18.5.2006
Где: Днепропетровск

Репутация: 6
Всего: 260



Blaga, да, сорри, описка. c display: none как раз все нормально - просто скрыли. а вот "<div style="display: inline;">" или "<span style="display: block;">" - как-то уже настораживает.
PM MAIL   Вверх
Blaga
Дата 1.11.2007, 11:01 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


ЛамМер++
**


Профиль
Группа: Участник
Сообщений: 429
Регистрация: 15.11.2005
Где: г. Иркутск

Репутация: нет
Всего: 4



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


--------------------

http://displayart.ru - Обои.
http://a2themes.ru - Сайт о движках DLE, phpBB3, WordPress.
PM MAIL ICQ   Вверх
  
Ответ в темуСоздание новой темы Создание опроса
0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема | Вёрстка веб-сайтов | Следующая тема »


 




[ Время генерации скрипта: 0.0472 ]   [ Использовано запросов: 21 ]   [ GZIP включён ]


Реклама на сайте     Информационное спонсорство

 
По вопросам размещения рекламы пишите на vladimir(sobaka)vingrad.ru
Отказ от ответственности     Powered by Invision Power Board(R) 1.3 © 2003  IPS, Inc.