Warning: Cannot use a scalar value as an array in /home/admin/public_html/forum/include/fm.class.php on line 757

Warning: Invalid argument supplied for foreach() in /home/admin/public_html/forum/include/fm.class.php on line 770

Warning: Invalid argument supplied for foreach() in /home/admin/public_html/forum/topic.php on line 737
Форумы портала PHP.SU :: Помогите с проблемой PHP/CSS разметка.

 PHP.SU

Программирование на PHP, MySQL и другие веб-технологии
PHP.SU Портал     На главную страницу форума Главная     Помощь Помощь     Поиск Поиск     Поиск Яндекс Поиск Яндекс     Вакансии  Пользователи Пользователи


 Страниц (1): [1]   

> Описание: Нужна помощь.
Darnel
Отправлено: 23 Августа, 2014 - 23:42:06
Post Id


Новичок


Покинул форум
Сообщений всего: 11
Дата рег-ции: Июнь 2014  


Помог: 0 раз(а)




Здраствуйте форумчане, суть в чем.
Есть список объявлений, но не могу сделать разметку.
Код HTML:
CODE (htmlphp):
скопировать код в буфер обмена
  1.  
  2.     @model Rusdam.Models.SearchObjectModel
  3.     @{
  4.         ViewBag.Title = Resources.Resource.Adverts;
  5.     }
  6.     <!-- Форма поиска по объявлениям -->
  7.     @using (Html.BeginForm())
  8.     {
  9.            
  10.          
  11.         <div class="table_two">
  12.                     <h2>Поиск объявлений</h2>              
  13.             <fieldset class="centreDiv">
  14.                 <table class="table_two_div">
  15.                     @if (Request.Url.AbsoluteUri.Contains("Advert/All"))
  16.                     {
  17.                         <tr>
  18.                             <td>@Html.LabelFor(model => model.IsConfirmedStr)</td>
  19.                             <td>@Html.DropDownListFor(model => model.IsConfirmedStr, Html.IsConfirmedForSearch())</td>
  20.                         </tr>
  21.                     }
  22.                        
  23.                                     <tr>
  24.                         <td>@Html.LabelFor(model => model.CountryID)</td>
  25.                         <td>@Html.DropDownListFor(model => model.CountryID, ViewBag.Countries as SelectList)</td>
  26.                     </tr>    
  27.                     <tr>
  28.                         <td>@Html.LabelFor(model => model.CityID)</td>
  29.                         <td>@Html.DropDownListFor(model => model.CityID, ViewBag.Cities as SelectList)</td>
  30.                     </tr>
  31.                     <tr>
  32.                         <td>@Html.LabelFor(model => model.AreaID)</td>
  33.                         <td>@Html.DropDownListFor(model => model.AreaID, ViewBag.Areas as SelectList)</td>
  34.                     </tr>
  35.                     <tr>
  36.                         <td>@Html.LabelFor(model => model.AdvertTypeID)</td>
  37.                         <td>@Html.DropDownListFor(model => model.AdvertTypeID, ViewBag.AdvertTypes as SelectList)</td>
  38.                     </tr>
  39.                                         <tr>
  40.                         <td>@Html.LabelFor(model => model.ApartmentTypeID)</td>
  41.                         <td>@Html.DropDownListFor(model => model.ApartmentTypeID, ViewBag.ApartmentTypes as SelectList)</td>
  42.                     </tr>
  43.                                         <tr>
  44.                         <td>@Html.LabelFor(model => model.AmountRoomFrom)</td>
  45.                         <td>@Html.EditorFor(model => model.AmountRoomFrom)</td>
  46.                     </tr>
  47.                                         <tr>
  48.                         <td>@Html.LabelFor(model => model.AmountRoomTo)</td>
  49.                         <td>@Html.EditorFor(model => model.AmountRoomTo)</td>
  50.                     </tr>
  51.                                         <tr>
  52.                         <td>@Html.LabelFor(model => model.Name)</td>
  53.                         <td>@Html.EditorFor(model => model.Name)</td>
  54.                     </tr>
  55.                                         <tr>                   
  56.                         <td>@Html.LabelFor(model => model.Description)</td>
  57.                         <td>@Html.EditorFor(model => model.Description)</td>
  58.                     </tr>
  59.                                         <tr>
  60.                         <td>@Html.LabelFor(model => model.SquareFrom)</td>
  61.                         <td>@Html.EditorFor(model => model.SquareFrom)</td>
  62.                     </tr>
  63.                                         <tr>
  64.                                        
  65.                         <td>@Html.LabelFor(model => model.SquareTo)</td>
  66.                         <td>@Html.EditorFor(model => model.SquareTo)</td>
  67.                     </tr>
  68.                                         <tr>
  69.                         <td>@Html.LabelFor(model => model.Address)</td>
  70.                         <td>@Html.EditorFor(model => model.Address)</td>
  71.                     </tr>
  72.                                         <tr>
  73.                         <td>@Html.LabelFor(model => model.PriceFrom)</td>
  74.                         <td>@Html.EditorFor(model => model.PriceFrom)</td>
  75.                     </tr>
  76.                                         <tr>
  77.                         <td>@Html.LabelFor(model => model.PriceTo)</td>
  78.                         <td>@Html.EditorFor(model => model.PriceTo)</td>
  79.                     </tr>
  80.                                         <tr>
  81.                         <td>@Html.LabelFor(model => model.FloorFrom)</td>
  82.                         <td>@Html.EditorFor(model => model.FloorFrom)</td>
  83.                     </tr>
  84.                                         <tr>
  85.                         <td>@Html.LabelFor(model => model.FloorTo)</td>
  86.                         <td>@Html.EditorFor(model => model.FloorTo)</td>
  87.                     </tr>
  88.                                         <tr>
  89.                         <td>@Html.LabelFor(model => model.FloorTotalFrom)</td>
  90.                         <td>@Html.EditorFor(model => model.FloorTotalFrom)</td>
  91.                     </tr>
  92.                                         <tr>
  93.                         <td>@Html.LabelFor(model => model.FloorTotalTo)</td>
  94.                         <td>@Html.EditorFor(model => model.FloorTotalTo)</td>
  95.                     </tr>
  96.                                         <tr>
  97.                         <td>@Html.LabelFor(model => model.WindowTo)</td>
  98.                         <td>@Html.DropDownListFor(model => model.WindowTo, Html.WindowToSearchDDSL())</td>
  99.                     </tr>
  100.                                         <tr>
  101.                         <td>@Html.LabelFor(model => model.WindowSide)</td>
  102.                         <td>@Html.DropDownListFor(model => model.WindowSide, Html.WindowSideSearchDDSL())</td>
  103.                     </tr>
  104.                 </table>
  105.             </fieldset>
  106.             <div class="centreDiv">
  107.                 <a href="javascript:SubmitFormValidation()">
  108.                     <input type="submit" value="@Resources.Resource.Search" />
  109.                 </a>
  110.             </div>
  111.         </div>
  112.     }
  113.  



Сайт ru-sdam.ru можете даже зайти и посмотреть как сейчас он выглядит. Поиск объявлений при входе... он вертикально блоком, нужна помощь в CSS разметке, то есть сделать эти поля как на avito поиске...

Сам CSS код нынешний
CODE (htmlphp):
скопировать код в буфер обмена
  1.  
  2. .table_two {
  3.     width: 900px;
  4.     display: block;
  5.     float: left;
  6.     background: #fff;
  7.    padding: 10px 0px 10px 0px;
  8.     margin: 10px 0px 10px -25px;
  9.     box-shadow: 0 0 10px rgba(0,0,0,0.5);
  10.      overflow:hidden;
  11.     -moz-border-radius: 10px; /* закругление для старых Mozilla Firefox */
  12.     -webkit-border-radius: 10px; /* закругление для старых Chrome и Safari */
  13.     -khtml-border-radius: 10px; /* закругл. для браузера Konquerer системы Linux */
  14.     border-radius: 3px;
  15.         border-spacing: 0px;
  16. }
  17.  
  18. .table_two_div {
  19.     margin: 0 auto;
  20.         margin-top: 10px;
  21.     text-align: center;
  22.        
  23. }
  24.  
  25. .table_two_div td {
  26.     font-weight: bold;
  27. }
  28.  
  29. .table_two_div table {
  30.    text-align: center;
  31. }
  32.  
  33. .openDialog {
  34.     color: grey;
  35.         text-decoration: none;
  36.         font-size: 14px;
  37. }
  38.  
  39. .table_two_div tbody tr:hover {
  40.     background: #dcecff !important; /* Цвет фона при наведении */
  41.   }
  42.  
  43. .centreDiv {
  44.     margin: 0 auto;
  45.     text-align: center;
  46.     position: relative;
  47. }
  48.  
  49. .centreDiv td {
  50.     text-align: left;
  51. }
  52.  
  53.  
  54. .centreDiv label {
  55.     margin-left: 15px;
  56.     margin-top: 10px;
  57.     display: inline-block;
  58.         vertical-align: top;
  59.         text-align: left;
  60.         font-weight: bold;
  61. }
  62.  
  63. .centreDiv input[type="submit"] {
  64.     margin-left: 60px;
  65.         padding: 10px 25px;
  66.         font-size: 1em;
  67.         color: white;
  68.         background: rgb(0,102,153);
  69.         border: none;
  70.         border-radius: 5px;
  71.         box-shadow: 0 0 4px white;
  72. }
  73.  
  74.  



Помогите пожалуйста, я всю голову над этим дизайном сломал, спасибо большое.
 
 Top
caballero
Отправлено: 24 Августа, 2014 - 00:08:12
Post Id


Активный участник


Покинул форум
Сообщений всего: 5998
Дата рег-ции: Сент. 2011  
Откуда: Харьков


Помог: 126 раз(а)




в чем КОНКРЕТНО проблемма? что именно и как надо разметить?
и при чем тут PHP если это C#


-----
Бесплатная система складского учета с открытым кодом https://zippy[dot]com[dot]ua/zstore
 
 Top
Darnel
Отправлено: 24 Августа, 2014 - 00:23:25
Post Id


Новичок


Покинул форум
Сообщений всего: 11
Дата рег-ции: Июнь 2014  


Помог: 0 раз(а)




caballero пишет:
Приветствую, да я на C sharp пишу, я не силён в CSS, но это самый живой форум, который я встречал по программированию и поэтому решил задать такой вопрос, но это не суть.

Я хотел бы изменить эти поля поиска на вертикальное расположение в 2-3 строки, чтобы поиск был как на avito.ru, но потратив 2 дня у меня ничего не выходит, сейчас на сайт повесил обратно исходник.

 
 Top
avtor.fox
Отправлено: 24 Августа, 2014 - 00:33:14
Post Id



Постоянный участник


Покинул форум
Сообщений всего: 2083
Дата рег-ции: Март 2012  
Откуда: Воронеж


Помог: 50 раз(а)




caballero перевернулся где-то там от своей цитаты)

Darnel, почитайте про таблицы. Задача простая, описано понятно и доступно (и текста весьма мало). Если простым языком: нужно уменьшить количество тегов tr))

ссылка
 
 Top
Darnel
Отправлено: 24 Августа, 2014 - 02:28:59
Post Id


Новичок


Покинул форум
Сообщений всего: 11
Дата рег-ции: Июнь 2014  


Помог: 0 раз(а)




avtor.fox пишет:
Помог совет, спасибо.
 
 Top
Страниц (1): [1]
Сейчас эту тему просматривают: 0 (гостей: 0, зарегистрированных: 0)
« Вопросы новичков »


Все гости форума могут просматривать этот раздел.
Только зарегистрированные пользователи могут создавать новые темы в этом разделе.
Только зарегистрированные пользователи могут отвечать на сообщения в этом разделе.
 



Powered by PHP  Powered By MySQL  Powered by Nginx  Valid CSS  RSS

 
Powered by ExBB FM 1.0 RC1. InvisionExBB