Форум программистов, компьютерный форум, киберфорум
Наши страницы
JavaScript
Войти
Регистрация
Восстановить пароль
 
HoenHime
0 / 0 / 0
Регистрация: 05.09.2012
Сообщений: 7
#1

Горизонтальная верстка

23.02.2013, 22:18. Просмотров 403. Ответов 2
Метки нет (Все метки)

Делаю сайт на ASP .NET MVC + MSSQL вывожу на страничку записи из БД и они как полагаются распространяются сверху в низ, мне же нужно - если очередная запись из БД не помещяется на экран ( например, по высоте окна браузера) то перенос правее.
Скриптом могу определить размер экрана браузера пользователя и размер ячейки <td>. Картинки какой сечас вывод
Горизонтальная верстка
Горизонтальная верстка

Разметка:
HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
<table class="wall"  id="labelwall" >
    <tr>
        <td>  
            @{
             if (string.IsNullOrWhiteSpace(Model.CoverImage)) 
             { 
                 <img src="@Url.Content("~/Content/CoverImage/0.jpg")" alt="CoverImage" id="img0" />
             }
             else
             {
                 <img src="@Url.Content("~/Content/CoverImage/" + User.Identity.Name + "/CoverImage" + Model.CoverImage)" alt="CoverImage" id="img" />
             }
            }
        </td> 
        <td>
            <br /><br />
            @using(Html.BeginForm("PostLabel","LabelWall")){
                @Html.TextArea("Label", new { style="width: 250px; height: 150px; position: relative; resize: none;" }) 
                <br /><br />
                <input type="submit" value="Разместить" />
            }
            
            @foreach(var x in Model.PersonalLabel)
               {
                   if(x.PersonalID==ViewBag.PersonalGuid)
                   {
                       <br /><br />
                        <table class="InternalLabel"> 
                            <tr>
                                <td>@{ Html.RenderAction("MiniAvaImage", "Home"); }</td>
                                <td style="font-size: 12px;">
                                    @ViewBag.FullName<br />
                                    @x.LabelWall.Date.Value.ToLongDateString()
                                </td>
                            </tr>
                            <tr>
                                <td colspan="2" style="padding: 2px;">@x.LabelWall.Text</td>
                            </tr>
                        </table>
                   }
               } 
        </td>             
    </tr>
</table>
 
 
<script type="text/javascript">
    height = $(window).height();
    img.style = "height: " + height + "px";
    img0.style = "height: " + height + "px";
</script>
Как собственно реализовать скрипт для всей этой балды.
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
Similar
Эксперт
41792 / 34177 / 6122
Регистрация: 12.04.2006
Сообщений: 57,940
23.02.2013, 22:18
Ответы с готовыми решениями:

Горизонтальная прокрутка
Доброго времени суток. У меня на сайте размещены 5 изображений в один ряд. Этот ряд разнимает почти...

Горизонтальная прокрутка при наведении курсора
Добрый день. Подскажите пожалуйста, как реализовать горизонтальную прокрутку вправо(влево) при...

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

верстка,
как сделать чтобы при нажатии кнопки на сайте видео из youtuba выключился?

верстка по adobe
Можно ли в Adobe DreamWeaver CS5 или CS 5.5 нормально работать с JS и подключать различные...

2
HoenHime
0 / 0 / 0
Регистрация: 05.09.2012
Сообщений: 7
24.02.2013, 14:24  [ТС] #2
Вопрос не о статике, я уже позно подумал, что лутше было её убрать вовсе из приведенного кода, а в динамике, те записи что я вывожу из БД распространяются как им и положено сверху - вниз, а мне нужно справа - налево. Последние мысли на этот счет были - нумеровать каждый элемент ( или перебор всех элементов внутрней таблицы) и проверять их местоположение, если не выходит на рамки экрана браузера (сечас считаю через JS JQuery), то норм, если выходит, то перенос этого эелемента, только вот как это реализовать - меня путает вложеность таблицы и с выводом из одной и в ставкой в другой td.
0
HoenHime
0 / 0 / 0
Регистрация: 05.09.2012
Сообщений: 7
26.02.2013, 19:14  [ТС] #3
Думаю можно удалить вопрос, всеравно глухо.
0
MoreAnswers
Эксперт
37091 / 29110 / 5898
Регистрация: 17.06.2006
Сообщений: 43,301
26.02.2013, 19:14

Адаптивная верстка
Как сделать так, что бы, при экране 780px, загружался один файл стилей, а при другом другой файл...

Мобильная верстка. Клавиша "назад"
Привет. У меня есть некоторая страница с кнопкой, и div, который спрятан за пределами видимости...

горизонтальная сила
Какая горизонтальная сила приложена к телу Массой 3 кг, Если Оно Будет Двигаться В горизонтальном...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
3
Ответ Создать тему
Опции темы

КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin® Version 3.8.9
Copyright ©2000 - 2018, vBulletin Solutions, Inc.
Рейтинг@Mail.ru