Вопросы Теги

Моделирование таблицы CSS

Это в настоящее время не поддерживается SDK. Вам нужно будет сделать явные вызовы http, чтобы достичь этого.

Ниже приведен код для обновления часового пояса с помощью настроек почтового ящика: 

Uri Uri = new Uri("https://graph.microsoft.com/v1.0/users/"+ user.Id 
          +"/mailboxSettings");
String jsonContent = "{\"timeZone\" : \""+ timezone +"\"}";
HttpContent httpContent = new StringContent(jsonContent, System.Text.Encoding.UTF8, "application/json");
await _httpClient.PatchAsync(Uri, httpContent);

Вы можете использовать http://restsharp.org/ , чтобы легко выполнять http-вызовы.

6
задан Chris J Allen 20 September 2016 в 11:29
поделиться

6 ответов

Вы лучше делаете фоновое изображение только с углами а не границами. Примените класс к верхней левой, верхней правой, нижней левой и нижней правой ячейке, для определения этого, угловое фоновое изображение должно использоваться.

И разработайте границы с CSS. Не помещайте их, в фоновом режиме отображают.

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

3
ответ дан 9 December 2019 в 20:50
поделиться

25 способов сделать это.... http://www.cssjuice.com/25-rounded-corners-techniques-with-css/

На самом деле существует слишком много способов сделать это.

4
ответ дан 9 December 2019 в 20:50
поделиться

Вы попробовали http://www.roundedcornr.com/?

2
ответ дан 9 December 2019 в 20:50
поделиться

Сделайте что-то вроде этого...

XHTML: (извините должен был удалить сначала' <' поскольку это не позволит мне обычно отправлять его, FIX ЭТОТ JEFF!)

table id="pricing" border="0" cellpadding="0" cellspacing="0">
  <thead>
    <tr>
      <th>Incoming calls</th>
      <th>National calls</th>
      <th>Calls to US &amp; Canada</th>
      <th>Calls to other Phones</th>
      <th>Calls to other Countries</th>
      <th>SMS text messages</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>Select</td>
      <td>country</td>
      <td>from</td>
      <td>dropdown</td>
      <td>list</td>
      <td>above</td>
    </tr>
  </tbody>
</table>

CSS: #pricing {шрифт-weight:bold; текст-align:center}

  #pricing thead
  {
    background-image:url("images/pricing_top.gif");
    background-position:top;
    background-repeat:no-repeat;
    padding:10px 0 0 /* replace 10px with the height of pricing_top.gif */
  }

  #pricing th
  {
    background-image:url("images/pricing_header_bg.gif");
    background-repeat:repeat-y;
    border-bottom:1px solid #c3c2c2;
    width:100px /* replace 100px with the width of pricing_header_bg.gif */
  }

  #pricing tbody
  {
    background-image:url("images/pricing_bottom.gif");
    background-position:bottom;
    background-repeat:no-repeat;
    padding:0 0 10px /* replace 10px with the height of pricing_bottom.gif */
  }

  #pricing td
  {
    background-image:url("images/pricing_cell_bg.gif");
    background-repeat:repeat-y;
    width:100px /* replace 100px with the width of pricing_cell_bg.gif */
  }

Только недостаток состоит в том, что необходимо создать 4 изображения, но это не должно занимать слишком много времени. Необходимо будет также добавить класс к заключительной ячейке в каждой строке, если Вы захотите добавить, что падающая тень на праве и просто изменяется, это - фоновое изображение и свойство width соответственно.

1
ответ дан 9 December 2019 в 20:50
поделиться

Играя прочь Вашей исходной идеи, Вы могли добавить класс к каждой угловой ячейке, эффективно выключающей их соответствующие незаконные границы. Вы могли затем использовать полноширинное фоновое изображение в <thead> и <tfoot> элементы для составления скругленных углов.

Остальной части ячеек можно было включить их границы, и строки выстроятся в линию правильно.

Единственная остающаяся проблема составляет ту уничтоженную падающую тень. Это - другое осуществление.

1
ответ дан 9 December 2019 в 20:50
поделиться

Лучшим путем был бы с 9 сетками, где у Вас есть фоновые углы, и вершина, нижняя часть, левое и правое фоновое повторение

Ваша таблица входит в ячейку 5

Править

Как некоторые отправленные в комментариях Вы не можете достигнуть эффекта с с 9 сетками. Необходимо сделать 12 объединенных энергосистем (составленный мной прямо сейчас :)

Живая демонстрация

.

Код:

Предупреждение: это не симпатично, но работы

<html>
<head>
    <style>


        .cell1 {background: #f8f8f8 url(images/cell1.gif) no-repeat left top; height: 10px; font-size: 1px;}
        .cell2 {background: #f8f8f8 url(images/cell2.gif) repeat-x top; height: 10px; font-size: 1px; border-right: solid 1px #c3c2c2; font-weight:bold;  }
        .cell3 {background: #f8f8f8 url(images/cell3.gif) no-repeat right top; height: 10px; font-size: 1px;}

        .cell4 {background: white url(images/cell4.gif) repeat-y left; border-bottom: solid 1px #c3c2c2; width: 13px; }
        .cell5 {background-color: #f8f8f8; padding: 5px; border-right: solid 1px #c3c2c2; font-weight:bold; border-bottom: solid 1px #c3c2c2; }
        .cell6 {background: white url(images/cell6.gif) repeat-y right; border-bottom: solid 1px #c3c2c2; width: 18px; }

        .cell7 {background: white url(images/cell7.gif) repeat-y left; width: 13px;}
        .cell8 {background-color: white; padding: 5px; border-right: solid 1px #c3c2c2; font-weight:normal;  }
        .cell9 {background: white url(images/cell9.gif) repeat-y right; width: 18px;}


        .cell10 {background: white url(images/cell10.gif) no-repeat left bottom; height: 17px;font-size: 1px; }
        .cell11 {background: white url(images/cell11.gif) repeat-x bottom; border-right: solid 1px #c3c2c2; height: 17px; font-size: 1px; }
        .cell12 {background: white url(images/cell12.gif) no-repeat right bottom; height: 17px;font-size: 1px; }

        .lastcolumn, th.lastcolumn, td.lastcolumn {border-right: solid 0px #c3c2c2; }

    </style>
</head>
<body>


<table id="pricing" border="0" cellpadding="0" cellspacing="0">
  <thead>
    <tr>
      <th class="cell1"></th>
      <th class="cell2">&nbsp;</th>
      <th class="cell2">&nbsp;</th>
      <th class="cell2">&nbsp;</th>
      <th class="cell2">&nbsp;</th>
      <th class="cell2">&nbsp;</th>
      <th class="cell2 lastcolumn">&nbsp;</th>
      <th class="cell3"></th>
    </tr>
    <tr>
      <th class="cell4">&nbsp;</th>
      <th class="cell5">Incoming calls</th>
      <th class="cell5">National calls</th>
      <th class="cell5">Calls to US &amp; Canada</th>
      <th class="cell5">Calls to other Phones</th>
      <th class="cell5">Calls to other Countries</th>
      <th class="cell5 lastcolumn">SMS text messages</th>
      <th class="cell6">&nbsp;</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td class="cell7"></td>
      <td class="cell8">Select</td>
      <td class="cell8">country</td>
      <td class="cell8">from</td>
      <td class="cell8">dropdown</td>
      <td class="cell8">list</td>
      <td class="cell8 lastcolumn">above</td>
      <td class="cell9"></td>
    </tr>
    <tr>
      <td class="cell10"></td>
      <td class="cell11">&nbsp;</td>
      <td class="cell11">&nbsp;</td>
      <td class="cell11">&nbsp;</td>
      <td class="cell11">&nbsp;</td>
      <td class="cell11">&nbsp;</td>
      <td class="cell11 lastcolumn">&nbsp;</td>
      <td class="cell12"></td>
    </tr>
  </tbody>
</table>


</body>
</html>

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

Приятного отдыха!

1
ответ дан 9 December 2019 в 20:50
поделиться