Как создать макет страницы с 2 столбцами в SharePoint 2010 с невидимым разделением 20 пикселей между двумя столбцами? Я застрял! - PullRequest
Новая
       7

Как создать макет страницы с 2 столбцами в SharePoint 2010 с невидимым разделением 20 пикселей между двумя столбцами? Я застрял!

0 голосов
/ 04 ноября 2010

Я новичок в SharePoint 2010 Foundation, и мне нужно создать собственный макет страницы, чтобы он поместился в моей уже созданной главной странице.

Мне нужен макет из 2 столбцов с разницей в 20 пикселей между столбцами. (Разделение должно быть невидимым, чтобы фоновое изображение просвечивало)

Я родом из мира .html и .css, и хотя этот мир и мир SharePoint похожи, они не одинаковы. И поэтому я обращаюсь к вам за помощью в интернете.

В будущем мне нужно будет настроить ширину каждого столбца для соответствия разным макетам страниц.

Любая помощь будет принята с благодарностью.

Ответы [ 3 ]

2 голосов
/ 06 ноября 2010

Вы по-прежнему сможете делать то, что вам нужно, с помощью HTML и CSS.

Ниже приведен пример «не в порядке с головой», но я думаю, вы должны получить представление о том, как вы можете это сделать.

На главной странице 

<div id="container">

    <div id="column1" style="float: left;">

        <asp:ContentPlaceHolder id="PlaceHolderColumn1" runat="server" ></asp:ContentPlaceHolder>

    </div>

    <div id="column2" style="float: left; margin-left: 20px;">

        <asp:ContentPlaceHolder id="PlaceHolderColumn2" runat="server" ></asp:ContentPlaceHolder>

    </div>

</div>

В макете страницы 

<asp:Content ContentPlaceholderID="PlaceHolderColumn1" runat="server">

     Your Column 1 Content

</asp:Content>

<asp:Content ContentPlaceholderID="PlaceHolderColumn2" runat="server">

     Your Column 2 content

</asp:Content>
0 голосов
/ 13 октября 2011

Грязно, хотя, кажется, я использую: 

<table width='100%'>
  <tr>
    <td width='48%'>
     Lorem ipsum dolor sit amet. 
    </td>
 <td width='2%'>
     &nbsp;
    </td>
 <td width='48%'>
     Lorem ipsum dolor sit amet,  
    </td>
  </tr>
</table>
0 голосов
/ 12 ноября 2010

Другой способ: 

<table width='100%'>
  <tr>
    <td width='50%'>
        <asp:ContentPlaceHolder id="PlaceHolderColumn1" runat="server" >   
        </asp:ContentPlaceHolder>
    </td>
  </tr>
  <tr>
    <td>
        <img src='1x1 trasnparent sharepoint image' width='20px' />
    </td>
  </tr>
  <tr>
    <td width='50%'>
        <asp:ContentPlaceHolder id="PlaceHolderColumn1" runat="server" >   
        </asp:ContentPlaceHolder>
    </td>
  </tr>
</table>

но вы должны найти изображение, я не помню имя ..

...