powered by simpleCommunicator - 2.0.59     © 2026 Programmizd 02
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Помогите сделать красиво )
14 сообщений из 14, страница 1 из 1
Помогите сделать красиво )
    #39162221
ProBiotek
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Привет. Мое крабство в CSS слишком велико.
Помогите пожалуйста сделать таблицу красиво. Чтобы было хоть симметрично... А то совсем все ужасно.

Код: html
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
<table class="table table-bordered table-striped">
            <tr>
                <td>
                    <div class="date input-group mydate">
                        Id @Html.TextBoxFor(x => x.Id, new { @style = "margin: 0px; padding: 0px" })
                        Количество студ.@Html.TextBoxFor(x => x.WorkersCount, new { @style = "margin: 0px; padding: 0px" })
                        Дата от @Html.TextBoxFor(x => x.DateTimeFrom, "{0:dd.MM.yyyy}", new {@data_date_format = "DD.MM.YYYY", @style = "margin: 0px; padding: 0px"})
                        <span class="input-group-addon" style="display: inline">
                            <span class="glyphicon-calendar"></span>
                        </span>
                        Дата по @Html.TextBoxFor(x => x.DateTimeTo, "{0:dd.MM.yyyy}", new {@data_date_format = "DD.MM.YYYY", @style = "margin: 0px; padding: 0px" })
                        <span class="input-group-addon" style="display: inline">
                            <span class="glyphicon-calendar"></span>
                        </span>
                    </div>
                </td>
            </tr>
            <tr>                
                <td>
                    Подразделение @Html.TextBoxFor(x => x.OrgTitle, new {@style = "width: 35%; margin: 0px; padding: 0px"})
                    Отдел @Html.TextBoxFor(x => x.SubOrgTitle, new {@style = "width: 35%; margin: 0px; padding: 0px"})
                </td>
            </tr>
        </table>
...
Рейтинг: 0 / 0
Помогите сделать красиво )
    #39162224
ProBiotek
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Цель была в минимизации занимаемого пространства. Но выглядит очень отвратительно.
...
Рейтинг: 0 / 0
Помогите сделать красиво )
    #39162228
Фотография Axeleron
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
ProBiotek, хоть модель выложил бы.
...
Рейтинг: 0 / 0
Помогите сделать красиво )
    #39162233
ProBiotek
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Axeleron,

ВьюМодель ?

Код: c#
1.
2.
3.
4.
5.
6.
7.
8.
9.
public class FilterModel
    {
		public int? Id { get; set; }	
		public string OrgTitle { get; set; }
		public string SubOrg { get; set; }
                public DateTime? DateTime { get; set; }
                public DateTime? DateTime { get; set; }
                public int? WorkplacesCount { get; set; }
    }		
...
Рейтинг: 0 / 0
Помогите сделать красиво )
    #39162268
ProBiotek
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
подскажете ?
...
Рейтинг: 0 / 0
Помогите сделать красиво )
    #39162287
Фотография Axeleron
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
ProBiotekAxeleron,

ВьюМодель ?

Код: c#
1.
2.
3.
4.
5.
6.
7.
8.
9.
public class FilterModel
    {
		public int? Id { get; set; }	
		public string OrgTitle { get; set; }
		public string SubOrg { get; set; }
                public DateTime? DateTime { get; set; }
                public DateTime? DateTime { get; set; }
                public int? WorkplacesCount { get; set; }
    }		


Модель, что под вьюхой лежит. И эта явно не та что надо.
...
Рейтинг: 0 / 0
Помогите сделать красиво )
    #39162303
ProBiotek
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Axeleron,

Но она и используется. Эта Вьюмодель.
...
Рейтинг: 0 / 0
Помогите сделать красиво )
    #39162326
Фотография Axeleron
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
ProBiotekAxeleron,

Но она и используется. Эта Вьюмодель.
Ну и где же выделенные поля?!
Код: html
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
<table class="table table-bordered table-striped">
            <tr>
                <td>
                    <div class="date input-group mydate">
                        Id @Html.TextBoxFor(x => x.Id, new { @style = "margin: 0px; padding: 0px" })
                        Количество студ.@Html.TextBoxFor(x => x.WorkersCount, new { @style = "margin: 0px; padding: 0px" })
                        Дата от @Html.TextBoxFor(x => x.DateTimeFrom, "{0:dd.MM.yyyy}", new {@data_date_format = "DD.MM.YYYY", @style = "margin: 0px; padding: 0px"})
                        <span class="input-group-addon" style="display: inline">
                            <span class="glyphicon-calendar"></span>
                        </span>
                        Дата по @Html.TextBoxFor(x => x.DateTimeTo , "{0:dd.MM.yyyy}", new {@data_date_format = "DD.MM.YYYY", @style = "margin: 0px; padding: 0px" })
                        <span class="input-group-addon" style="display: inline">
                            <span class="glyphicon-calendar"></span>
                        </span>
                    </div>
                </td>
            </tr>
            <tr>                
                <td>
                    Подразделение @Html.TextBoxFor(x => x.OrgTitle, new {@style = "width: 35%; margin: 0px; padding: 0px"})
                    Отдел @Html.TextBoxFor(x => x.SubOrgTitle , new {@style = "width: 35%; margin: 0px; padding: 0px"})
                </td>
            </tr>
        </table>
...
Рейтинг: 0 / 0
Помогите сделать красиво )
    #39162328
Фотография Axeleron
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
ProBiotekAxeleron,

Но она и используется. Эта Вьюмодель.
страница точно валится на байндинге. Нечего там покрасивше делать пока вылетает ошибка.
...
Рейтинг: 0 / 0
Помогите сделать красиво )
    #39162355
ProBiotek
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Axeleron,

Извините.
Код: c#
1.
2.
3.
4.
5.
6.
7.
8.
9.
public class FilterModel
    {
		public int? Id { get; set; }	
		public string OrgTitle { get; set; }
		public string SubOrgTitle { get; set; }
                public DateTime? DateTimeFrom{ get; set; }
                public DateTime? DateTimeTo{ get; set; }
                public int? WorkersCount{ get; set; }
    }



Поправил.
...
Рейтинг: 0 / 0
Помогите сделать красиво )
    #39162484
Monochromatique
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
ProBiotekПривет. Мое крабство в CSS слишком велико.
Помогите пожалуйста сделать таблицу красиво. Чтобы было хоть симметрично... А то совсем все ужасно.

Код: html
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
<table class="table table-bordered table-striped">
            <tr>
                <td>
                    <div class="date input-group mydate">
                        Id @Html.TextBoxFor(x => x.Id, new { @style = "margin: 0px; padding: 0px" })
                        Количество студ.@Html.TextBoxFor(x => x.WorkersCount, new { @style = "margin: 0px; padding: 0px" })
                        Дата от @Html.TextBoxFor(x => x.DateTimeFrom, "{0:dd.MM.yyyy}", new {@data_date_format = "DD.MM.YYYY", @style = "margin: 0px; padding: 0px"})
                        <span class="input-group-addon" style="display: inline">
                            <span class="glyphicon-calendar"></span>
                        </span>
                        Дата по @Html.TextBoxFor(x => x.DateTimeTo, "{0:dd.MM.yyyy}", new {@data_date_format = "DD.MM.YYYY", @style = "margin: 0px; padding: 0px" })
                        <span class="input-group-addon" style="display: inline">
                            <span class="glyphicon-calendar"></span>
                        </span>
                    </div>
                </td>
            </tr>
            <tr>                
                <td>
                    Подразделение @Html.TextBoxFor(x => x.OrgTitle, new {@style = "width: 35%; margin: 0px; padding: 0px"})
                    Отдел @Html.TextBoxFor(x => x.SubOrgTitle, new {@style = "width: 35%; margin: 0px; padding: 0px"})
                </td>
            </tr>
        </table>



Зачем такой трешняк? Возьми любой производный от Grid.MVC наложи на неё Bootstrap или Semantic - и будет тебе красота в минимальном коде.
...
Рейтинг: 0 / 0
Помогите сделать красиво )
    #39162779
ProBiotek
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Monochromatique,

В том и дело, что мои знания в Бутстрапе очень минимальны. Поэтому и попросил помощи. Можете накидать ? )
...
Рейтинг: 0 / 0
Помогите сделать красиво )
    #39163232
Monochromatique
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
ProBiotekMonochromatique,

В том и дело, что мои знания в Бутстрапе очень минимальны. Поэтому и попросил помощи. Можете накидать ? )

Да там нечего накидывать.

Грид берем отсюда - там есть примеры.

Бустрап понятно откуда.

Ну и всё.
...
Рейтинг: 0 / 0
Помогите сделать красиво )
    #39163235
Monochromatique
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
MonochromatiqueProBiotekMonochromatique,

В том и дело, что мои знания в Бутстрапе очень минимальны. Поэтому и попросил помощи. Можете накидать ? )

Да там нечего накидывать.

Грид берем отсюда - там есть примеры.

Бустрап понятно откуда.

Ну и всё.

Если бутстрапа нет изначально, то гриду он вроде бы и не нужен.
...
Рейтинг: 0 / 0
14 сообщений из 14, страница 1 из 1
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Помогите сделать красиво )
Найденые пользователи ...
Разблокировать пользователей ...
Читали форум (0):
Пользователи онлайн (0):
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]