Объединенный Открытый Проект - Сайт для Настоящих Компьютерщиков

Объединенный Открытый Проект

Сайт для Настоящих Компьютерщиков

; Логин:
  Пароль:
Обычный
Безопасный
Запомнить пользователя



Зарегистрироваться
Забыли пароль?
 
 
 
Объединенный Открытый Проект »   Дизайн, HTML, CSS, JavaScript »   Вопрос о верстке форм
RSS

Вопрос о верстке форм

Как лучше это делать?

Текущий рейтинг темы: Нет

<<Назад  Вперед>>Модератор: GramПечать
 
4X_Pro
Руководитель Проекта
Настоящий Компьютерщик
4X_Pro
Откуда: Москва
Всего сообщений: 2994
Рейтинг пользователя: 79





Дата регистрации на форуме:
29 сен. 2001
Вопрос: как лучше верстать формы? Я обычно делаю это исключительно на таблицах и считаю это вполне приемлемым. Но можно ли как-нибудь верстать их на div и будет ли это эффективнее (с точки зрения объема HTML-кода и управляемости дизайном)?

---
Каждый человек всегда может найти, чем он может быть полезен окружающим. Проблема только в одном: слишком многие не хотят это искать.
Gram
Модератор раздела

Gram
Откуда: здешний
Всего сообщений: 566
Рейтинг пользователя: 14

Репутация пользователя: 1




Дата регистрации на форуме:
23 июля 2003
Ну простые то формы можно верстать без таблиц.. А вот служные..

http://flack.ru/2006/02/08/tableless-complicated-forms

4X_Pro
Руководитель Проекта
Настоящий Компьютерщик
4X_Pro
Откуда: Москва
Всего сообщений: 2994
Рейтинг пользователя: 79





Дата регистрации на форуме:
29 сен. 2001
У меня — все формы простые и состоят из 2 столбцов: один — описание поля, другой — поле для ввода.
А вот про теги <label> и <fieldset> я просто не знал.

---
Каждый человек всегда может найти, чем он может быть полезен окружающим. Проблема только в одном: слишком многие не хотят это искать.
DeaDMonaX
Почетный участник

DeaDMonaX
Откуда: Russia
Всего сообщений: 108
Рейтинг пользователя: 5





Дата регистрации на форуме:
5 мар. 2006
гы.... юзать PEAR. проще некуда.

А имхо лучше на таблицах. Слои медленнее грузятся в более старых браузерах.

---
Save&Exit
4X_Pro
Руководитель Проекта
Настоящий Компьютерщик
4X_Pro
Откуда: Москва
Всего сообщений: 2994
Рейтинг пользователя: 79





Дата регистрации на форуме:
29 сен. 2001

DeaDMonaX написал:
[q]
гы.... юзать PEAR. проще некуда.
[/q]

PEAR — объектный, а я ООП-программирование в PHP терпеть не могу...

---
Каждый человек всегда может найти, чем он может быть полезен окружающим. Проблема только в одном: слишком многие не хотят это искать.
Gram
Модератор раздела

Gram
Откуда: здешний
Всего сообщений: 566
Рейтинг пользователя: 14

Репутация пользователя: 1




Дата регистрации на форуме:
23 июля 2003

DeaDMonaX написал:
[q]
гы.... юзать PEAR. проще некуда.
[/q]

А причем тут PEAR и вёрстка таблиц?


DeaDMonaX написал:
[q]
Слои медленнее грузятся в более старых браузерах.
[/q]

В каких старых? В старых они вообще не поддерживаются. А в новых рендеринг не очень сложного дизайна на div происходит значительно быстрее, чем на таблица.

По мне, так вёрстка форм без таблиц — это извращение :)
DeaDMonaX
Почетный участник

DeaDMonaX
Откуда: Russia
Всего сообщений: 108
Рейтинг пользователя: 5





Дата регистрации на форуме:
5 мар. 2006
Gram
вопрос был про формы а не таблицы....

---
Save&Exit
Gram
Модератор раздела

Gram
Откуда: здешний
Всего сообщений: 566
Рейтинг пользователя: 14

Репутация пользователя: 1




Дата регистрации на форуме:
23 июля 2003
DeaDMonaX
Ключевое слово в названии темы "вёрстка". Причем тут PEAR?
4X_Pro
Руководитель Проекта
Настоящий Компьютерщик
4X_Pro
Откуда: Москва
Всего сообщений: 2994
Рейтинг пользователя: 79





Дата регистрации на форуме:
29 сен. 2001
Вообще, я нашел довольно эффективный способ верстки без таблиц. Нужно поместить поля в fieldset определенного класса, описания этих полей задавать с помощью label, и задать ширину этого поля для тега label внутри класса указанного для FIELDSET.
Т.е. в HTML-части получается примерно вот что:

<form action=""><fieldset class=fset><legend>Название формы или группы элементов</legend>

<label for=id1>Элемент управления 1</label><input type=text id=id1 value="что-то там"><br>

<label for=id1>Элемент управления 2</label><input type=text id=id2 value="что-то там">

</fieldset></form>


А в CSS-части будет такое:

.fset1 { свойства (например, background, border и т.п.) }

.fset1 label { width: 40%; font-size: 10px }


Таким образом, в HTML-части объем кода, связанного с оформлением, минимален (фактчески, это только class=fset).

---
Каждый человек всегда может найти, чем он может быть полезен окружающим. Проблема только в одном: слишком многие не хотят это искать.
PanLancelot
Новичок

PanLancelot
Всего сообщений: 3
Рейтинг пользователя: 0





Дата регистрации на форуме:
25 окт. 2006
вообще нужно стремиться к уменьшению кода, что собственно позволяет делать CSS.
для того чтобы процентное соотношение текста страницы по отношению к коду было как можно больше. Ну это если ориентироватсья на раскрутку и все такое .


Я простите неуч самоучка, почему дивы мделенне грузяться...?

4X_Pro
Руководитель Проекта
Настоящий Компьютерщик
4X_Pro
Откуда: Москва
Всего сообщений: 2994
Рейтинг пользователя: 79





Дата регистрации на форуме:
29 сен. 2001
Медленнее чем что? Чем таблицы? И в каком броузере?
Вообще, всегда считалось, что divы наоборот, быстрее (если правильно применены), т.к. таблица должна загрзуиться полностью.

---
Каждый человек всегда может найти, чем он может быть полезен окружающим. Проблема только в одном: слишком многие не хотят это искать.
<<Назад  Вперед>>Модератор: GramПечать
Объединенный Открытый Проект »   Дизайн, HTML, CSS, JavaScript »   Вопрос о верстке форм
RSS
Быстрый переход в раздел:


Время выполнения скрипта: 0.0497. Количество выполненных запросов: 18, время выполнения запросов 0.0381