есть скрипт Javascript, подскажите, как в нем сделать так, чтобы уменьшить расстояние между названиями полей и заполняемыми полями?

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

и как сделать: когда сохраняешь, должна быть проверка, что поля не пустые: Дата возникновения: Дата обнаружения:Дата решения:Дата закрытия:
если пусто то сообщение

user89Материал, который мне в свое время очень помог:
Блочная верстка
Верстка с помощью таблиц

Edeaкогда сохраняешь, должна быть проверка, что поля не пустые Атрибут required

а как этот пример вставить туда, т.е. куда

а что такое JQuery

user89 да помогло,
вот выходит такое окно теперь
http://s001.radikal.ru/i193/1303/b6/1c312a814292.jpg

но у меня до этого была ошибка:
http://s55.radikal.ru/i148/1303/c0/21f846e09b11.jpg
когда я хочу добавить новый инцидент, ввел данные и сохраняю, он ругается,
где ошибка может быть?

вот исходник

подключение к бд есть, т.к. раздел просмотр, обновление работают..т.е.коннект есть.
посмотрел скрипт вставки:



взял структуру скрипта и запустил у себя на бд, работает:

посмотрел тут http://htmlbook.ru/css/margin-top
мне нужна скорее эта команда.




как и куда мне надо это добавить в скрипт?

а где здесь его вставлять?

$(document).ready(function() {
$('a').click(function() {
switch ($(this).attr('href')) {
case '#incident':
$('#content').empty();
$('#content').html('<legend>Инциденты</legend>');
$('#content').append('<input type="button" id="button_new_incident" value="Добавить" />');
$('#button_new_incident').click(function() {
$('#content').empty();
$('#content').html('<legend>Инциденты</legend>');
$('#content').append('<form id="form_new_incident">');
$('#form_new_incident').append('<div id="date_block">');
$('#date_block').append('<div id="user_id_block" style="float:left">');
$('#user_id_block').append('<label for="user_id">Отвественное лицо:</label><br />');
$('#user_id_block').append('<select name="user_id" id="user_id">');
$.ajax({
url: 'ajax.php?action=get_users',
dataType: 'json',
success: function(data) {
for (var i=0; i<data.length; i++) {
$('#user_id').append('<option value="'+data[i].id+'" style="padding: 0 10px;">'+data[i].user_name+'</option>');
}
}
});
$('#user_id_block').append('</select>');
$('#date_block').append('</div>');
$('#date_block').append('<div id="startdate_incident_block" style="float:left; margin-left:20px">');
$('#startdate_incident_block').append('<label for="startdate_incident">Дата возникновения:</label><br />');
$('#startdate_incident_block').append('<input type="text" name="startdate_incident" id="startdate_incident" /><br />');
$('#startdate_incident').datePicker({
startDate: '01/01/2000'
});
$('#date_block').append('</div>');
$('#date_block').append('<div id="date_discovery_block" style="float:left; margin-left:20px">');
$('#date_discovery_block').append('<label for="date_discovery">Дата обнаружения:</label><br />');
$('#date_discovery_block').append('<input type="text" name="date_discovery" id="date_discovery" /><br />');
$('#date_discovery').datePicker({
startDate: '01/01/2000'
});
$('#date_block').append('</div>');
$('#date_block').append('<div id="enddate_incident_block" style="float:left; margin-left:20px">');
$('#enddate_incident_block').append('<label for="enddate_incident">Дата решения:</label><br />');
$('#enddate_incident_block').append('<input type="text" name="enddate_incident" id="enddate_incident" /><br />');
$('#enddate_incident').datePicker({
startDate: '01/01/2000'
});
$('#date_block').append('</div>');
$('#date_block').append('<div id="closedate_incident_block" style="float:left; margin-left:20px">');
$('#closedate_incident_block').append('<label for="closedate_incident">Дата закрытия:</label><br />');
$('#closedate_incident_block').append('<input type="text" name="closedate_incident" id="closedate_incident" /><br />');
$('#closedate_incident').datePicker({
startDate: '01/01/2000'
});
$('#date_block').append('</div>');
$('#form_new_incident').append('</div>');
$('#form_new_incident').append('<div style="clear:both"><br /></div>');
$('#form_new_incident').append('<label for="descr_id">Описание по шаблону:</label><br />');
$('#form_new_incident').append('<select name="descr_id" id="descr_id">');
$.ajax({
url: 'ajax.php?action=get_templates',
dataType: 'json',
success: function(data) {
for (var i=0; i<data.length; i++) {
$('#descr_id').append('<option value="'+data[i].id+'">'+data[i].template_name+'</option>');
}
}

че-то не понятно

спасибо получилось

подскажите, а как сделать, чтобы были фильтры и сортировка по полям?
http://s017.radikal.ru/i422/1304/5d/fa8bca0a2659.jpg
когда заходишь в раздел Инциденты - появляется таблица, как сделать, чтоб появился фильтр и сортировка как в экселе?