Форумы портала PHP.SU :: Версия для печати :: Раздел " Уроки PHP (по материалам форума PHP.SU)" [11]

151. Mefistofel - 12 Мая, 2012 - 14:14:48 - перейти к сообщению

И снова всем привет. Господа, сейчас плотненько изучаю методы запросов и параллельно формы html. Вот при создании форм решил, что нужно сразу все делать на страничке красиво и аккуратно, но пока сложность только одна: форм слишком много, чтоб они вместились на странице (если не прокручивать страницу вниз, конечно). Мне хочется чтоб формы все были в несколько колонок. Например в две: 1 по левому краю, 2-я справа от центра. Я не нашел такого тега, который бы размещал текст СПРАВА ОТ ЦЕНТРА, а не по центру. Сделал вывод - нужно распределять все содержимое <body> по колонкам. Во всех учебниках по html колонки фигурируют только в таблицах. Мне в виде таблицы нужно размещать текст и формы в 2 колонки или есть другой способ? если да, то помогите правильно сформулировать запрос всемогущему гуглу.

152. LIME - 12 Мая, 2012 - 14:25:36 - перейти к сообщению

http://htmlbook[dot]ru/html/div
http://htmlbook[dot]ru/css/float
(Добавление)
http://htmlbook[dot]ru/css/height
http://htmlbook[dot]ru/css/width
(Добавление)
а таблицы надо использовать только для вывода таблиц
для верстки пользуй дивы
без них никуда

153. Mefistofel - 12 Мая, 2012 - 14:31:36 - перейти к сообщению

LIME пишет:

а таблицы надо использовать только для вывода таблиц
для верстки пользуй дивы
без них никуда

Премного благодарен Закатив глазки

(Добавление)
Тема, несомненно, php, но все-таки этот фрагмент неотъемлемо связан с обработчиком форм, которые приведены ниже. Вопросы мои указаны в комментариях кода. Укажите, пожалуйста, на ошибки, чтобы исправить то, с чем не получается своевать. На ошибки в коде вцелом не обращайте внимания - это мой "полигон", где я далеко еще не все разобрал - этим и занимаюсь. Сейчас только два вопроса:

Спойлер (Отобразить)

CODE (html):
скопировать код в буфер обмена

<html>
<title>
        тестовая форма
</title>
<head>
<p align="center">тест форм</p> 
</head>
<style>
.block1 { 
    width: 50%; 
    background: #000000;
    padding: 5px;
    padding-right: 5px; 
    border: solid 1px black; 
    float: left;
   }
   .block2 { 
    width: 50%; 
    background: #002222; 
    padding: 5px; 
    border: solid 1px black; 
    float: right; 
     }
{
margin:0px auto;
padding:0px auto;
font-size:10px;
font-family:Verdana;
overflow:none;
outline:none;
border:none;
}
input[type='text']{
padding:1px;
box-shadow:0px 1px 3px #444;
}
</style>
<body style="color:white; background-color:black">
<marquee>Приветствуем нового пользователя!</marquee>
<p align="center">Введите следующие данные для прохождения процесса регистрации:</p><br>
                                
                                
                                <div class="block1">
                                <form method='POST'>
        <p align="center">
                <input type='checkbox' name='18'> Вам уже исполнилось 18 лет?
        </p>
                Укажите ваш возраст<Br>
                <input type="range" min="18" max="100" /><br>  <!--не отображаются числовые значения-->
                <p>Меня зовут</p>
                <input type='text' name='name' placeholder='Введите имя' ><Br>
                <p>Моя фамилия</p>
                <input type='text' name='sirname' placeholder='Введите фамилию'><Br>
                <p>Мой ник-нейм на сайте</p>
                <input type='text' name='nick' placeholder='Введите ник-нейм' ><Br>
                                                </div>
                                
                                
                                <div class="block2"> <!-- этот блок размещается ниже первого. как сделать так, чтобы он стоял параллельно первому блоку?-->
                                <p>Введите Ваш e-mail</p>
                <input type='email' name='email' placeholder='Введите e-mail'> <br>
                <p>Введите пароль для этого сайта</p>
                <input type='password' name='password' placeholder='Введите пароль' > <br>
                <p>Подтвердите введеный выше пароль</p>
                <input type='password' name='password' placeholder='Введите пароль еще раз' > <br>
                <p>Отметьте, что вас больше всего интересует на этом сайте:</p>
   
  
        <input type="radio" name="hobbie" value="rad1">
        php<Br>
        <input type="radio" name="hobbie" value="rad2"> html<Br>
        <input type="radio" name="hobbie" value="rad1"> xss<Br>
        <input type="radio" name="hobbie" value="rad3">
        процесс воспитания опоссумов<br>
                <input type='file' name='file' > выберите фото для загрузки в Ваш профиль
                <br>
                <input type='reset' name='reset' > сбровить все данные <input type='submit' name='submit' placeholder='submit'> зарегистрироваться<br>
                </p>
                </form>
                </div>
                
</body>
 
 

(Добавление)

Mefistofel пишет:

Получилось. Всеми правдами и неправдами. Наговнокодил, но результат принесло) Объяснить "как" не смогу)))
А вот первый вопрос все еще остается.