Sharepoint 2007 mise en page personnalisée style

J'ai problème avec faire la mise en page pour SP 2007.Sharepoint 2007 mise en page personnalisée style

page personnalisé Je veux dire, il est le genre de travail, mais il a l'air terrible lors de l'édition:

Permet de jeter un coup d'oeil comment ressemble lors de l'édition:

editing

Voici comment je l'ai conçu:

<asp:Content ContentPlaceholderID="PlaceHolderMain" runat="server"> 
<WebPartPages:spproxywebpartmanager runat="server" id="ProxyWebPartManager"></WebPartPages:SPProxyWebPartManager> 

    <div class="whole-page"> 
     <div class="page-top"> 
      <WebPartPages:webpartzone id="g_DD13C117556E4E43B71BB0E43AB15232" runat="server" title="Zone 1"><ZoneTemplate></ZoneTemplate></WebPartPages:webpartzone>  
     </div> 
      <div class="page-left"> 
       <PublishingWebControls:richhtmlfield FieldName="Content" runat="server"></PublishingWebControls:RichHtmlField> 
      </div> 
      <div class="page-right"> 
       <WebPartPages:webpartzone id="g_AF32EC71B40C4C819A9366ECF7CDAAD5" runat="server" title="Zone 2"><ZoneTemplate></ZoneTemplate></WebPartPages:webpartzone> 
      </div> 
     <div class="page-bottom"> 
      <WebPartPages:webpartzone id="g_ACF726E3F25544FBBCAA9EC4B66843AF" runat="server" title="Zone 3"><ZoneTemplate></ZoneTemplate></WebPartPages:webpartzone> 
     </div> 
    </div> 

</asp:Content>

et styles (assez simple pour l'instant):

.whole-page 
{ 
    overflow: hidden; 
} 

.whole-page .page-left { 
    float: left; 
    width: 70%; 
} 

.whole-page .page-right { 
    float: right; 
    width: 30%; 
}

Pourriez-vous me dire pourquoi il semble si terrible à la page d'édition?

Btw. Voici ce que SP me donne en sortie:

<div class="whole-page" style=" 
"> 
    <div class="page-top"> 
     <div width="100%"><div align="center"> <nobr class="ms-SPZoneLabel">Zone 1</nobr></div><div class="ms-SPZone"><table width="100%" cellpadding="0" cellspacing="0" border="0"> 
    <tbody><tr> 
     <td><table onclick="MSOLayout_ShowQuickAddDialog('53e9bd3b-2799-4804-9559-25e7638ab702','7c05cbae-f5a9-4e06-ac76-99190a4d44ca','',true,0,50,QuickAddDialogCallbackctl00$PlaceHolderMain$g_DD13C117556E4E43B71BB0E43AB15232$ctl00,'Zone\u0025201','\u002fsites\u002fhlt\u002f_layouts\u002fwebpartgallerypickerpage.aspx','resizable=yes,status=no,scrollbars=no,menubar=no,directories=no,location=no,width=700px,height=700px');" onmouseover="this.className='ms-SPButton ms-WPAddButton ms-WPAddButtonHover';" onmouseout="this.className='ms-SPButton ms-WPAddButton';" class="ms-SPButton ms-WPAddButton" title="Add a Web Part (opens in new window)" cellspacing="0" cellpadding="0" style="width:100%;"> 
      <tbody><tr> 
       <td><a href="#" title="Add a Web Part (opens in new window)" onclick="MSOLayout_ShowQuickAddDialog('53e9bd3b-2799-4804-9559-25e7638ab702','7c05cbae-f5a9-4e06-ac76-99190a4d44ca','',true,0,50,QuickAddDialogCallbackctl00$PlaceHolderMain$g_DD13C117556E4E43B71BB0E43AB15232$ctl00,'Zone\u0025201','\u002fsites\u002fhlt\u002f_layouts\u002fwebpartgallerypickerpage.aspx','resizable=yes,status=no,scrollbars=no,menubar=no,directories=no,location=no,width=700px,height=700px');;event.cancelBubble=true;" style="text-decoration:none;"><nobr><img align="middle" border="0" alt="Add a Web Part (opens in new window)" src="/_layouts/images/wpqaicon.gif">&nbsp;<span>Add a Web Part</span></nobr></a></td> 
      </tr> 
     </tbody></table></td> 
    </tr><tr> 

    </tr> 
</tbody></table></div></div>  
    </div> 
     <div class="page-left"> 
      <div id="ctl00_PlaceHolderMain_ctl00__ControlWrapper_RichHtmlField" style="display:inline"><div align="left" class="ms-formfieldcontainer"><div class="ms-formfieldlabelcontainer" nowrap="nowrap"><span class="ms-formfieldlabel" nowrap="nowrap">Content</span></div><div class="ms-formfieldvaluecontainer"><span dir="none"> 
     <span id="ctl00_PlaceHolderMain_ctl00_ctl00_RichHtmlField_container" name="ctl00_PlaceHolderMain_ctl00_ctl00_RichHtmlField_container" controltype="HtmlEditor" style="width:99.8%"> 
<input type="hidden" id="ctl00$PlaceHolderMain$ctl00$ctl00$RichHtmlField" name="ctl00$PlaceHolderMain$ctl00$ctl00$RichHtmlField" value=""> 
<input type="hidden" id="ctl00_PlaceHolderMain_ctl00_ctl00_RichHtmlField_hiddenDisplay" name="ctl00_PlaceHolderMain_ctl00_ctl00_RichHtmlField_hiddenDisplay" value=""> 
<span id="ctl00_PlaceHolderMain_ctl00_ctl00_RichHtmlField" title="Content"><div class="ms-toolbarContainer" width="100%"><div width="100%"><div class="ms-toolbarItem ms-selectorlink"><a href="#" onclick="var params=new Array(); params[params.length] = new Array('ValidationContext', 'FONTS=true\u0026REUSABLECONTENT=true\u0026HEADINGS=true\u0026HYPERLINKS=true\u0026IMAGES=true\u0026LISTS=true\u0026TABLES=true\u0026TEXTMARKUP=true\u0026ISREQUIRED=false\u0026RESTRICTURLSTOSITECOLLECTION=false\u0026'); params[params.length] = new Array('CurrentWebBaseUrl', '\u002fsites\u002fhlt'); params[params.length] = new Array('DefaultAssetLocation', ''); params[params.length] = new Array('DefaultAssetImageLocation', ''); params[params.length] = new Array('AllowHtmlSourceEditing', 'True'); params[params.length] = new Array('EnableExtensions', 'True'); params[params.length] = new Array('EditorBackgroundColor', ''); params[params.length] = new Array('DisableCustomStyles', 'False'); params[params.length] = new Array('DisableBasicFormattingButtons', 'False'); params[params.length] = new Array('PrefixStyleSheet', 'ms-rte'); RTE2_LaunchEditor(params, 'ctl00_PlaceHolderMain_ctl00_ctl00_RichHtmlField', 'ctl00_PlaceHolderMain_ctl00_ctl00_RichHtmlField_DisplayHtmlPanel', 'ctl00_PlaceHolderMain_ctl00_ctl00_RichHtmlField_EmptyHtmlPanel', 'ctl00$PlaceHolderMain$ctl00$ctl00$RichHtmlField', encodeURI('\u002fsites\u002fhlt'), 'False');if (window.event) { window.event.returnValue = false; window.event.cancelBubble = true; } return false;" tabindex="-1" id="ctl00_PlaceHolderMain_ctl00_ctl00_RichHtmlField____EditHtml" selectorid="ctl00_PlaceHolderMain_ctl00_ctl00_RichHtmlField"><img alt="Edit Content" src="/_layouts/images/RTE2EDIT.GIF" border="0"></a><a href="#" onclick="var params=new Array(); params[params.length] = new Array('ValidationContext', 'FONTS=true\u0026REUSABLECONTENT=true\u0026HEADINGS=true\u0026HYPERLINKS=true\u0026IMAGES=true\u0026LISTS=true\u0026TABLES=true\u0026TEXTMARKUP=true\u0026ISREQUIRED=false\u0026RESTRICTURLSTOSITECOLLECTION=false\u0026'); params[params.length] = new Array('CurrentWebBaseUrl', '\u002fsites\u002fhlt'); params[params.length] = new Array('DefaultAssetLocation', ''); params[params.length] = new Array('DefaultAssetImageLocation', ''); params[params.length] = new Array('AllowHtmlSourceEditing', 'True'); params[params.length] = new Array('EnableExtensions', 'True'); params[params.length] = new Array('EditorBackgroundColor', ''); params[params.length] = new Array('DisableCustomStyles', 'False'); params[params.length] = new Array('DisableBasicFormattingButtons', 'False'); params[params.length] = new Array('PrefixStyleSheet', 'ms-rte'); RTE2_LaunchEditor(params, 'ctl00_PlaceHolderMain_ctl00_ctl00_RichHtmlField', 'ctl00_PlaceHolderMain_ctl00_ctl00_RichHtmlField_DisplayHtmlPanel', 'ctl00_PlaceHolderMain_ctl00_ctl00_RichHtmlField_EmptyHtmlPanel', 'ctl00$PlaceHolderMain$ctl00$ctl00$RichHtmlField', encodeURI('\u002fsites\u002fhlt'), 'False');if (window.event) { window.event.returnValue = false; window.event.cancelBubble = true; } return false;" title="Edit Content" id="ctl00_PlaceHolderMain_ctl00_ctl00_RichHtmlField____EditHtml_LINK" selectorid="ctl00_PlaceHolderMain_ctl00_ctl00_RichHtmlField">Edit Content</a></div></div><div style="display: none" nowrap="nowrap" class="ms-consolestatus" width="100%"></div></div><span id="ctl00_PlaceHolderMain_ctl00_ctl00_RichHtmlField_DisplayHtmlPanel" style="display:none;" onclick="if (!window.event || !window.event.ctrlKey) {var params=new Array(); params[params.length] = new Array('ValidationContext', 'FONTS=true\u0026REUSABLECONTENT=true\u0026HEADINGS=true\u0026HYPERLINKS=true\u0026IMAGES=true\u0026LISTS=true\u0026TABLES=true\u0026TEXTMARKUP=true\u0026ISREQUIRED=false\u0026RESTRICTURLSTOSITECOLLECTION=false\u0026'); params[params.length] = new Array('CurrentWebBaseUrl', '\u002fsites\u002fhlt'); params[params.length] = new Array('DefaultAssetLocation', ''); params[params.length] = new Array('DefaultAssetImageLocation', ''); params[params.length] = new Array('AllowHtmlSourceEditing', 'True'); params[params.length] = new Array('EnableExtensions', 'True'); params[params.length] = new Array('EditorBackgroundColor', ''); params[params.length] = new Array('DisableCustomStyles', 'False'); params[params.length] = new Array('DisableBasicFormattingButtons', 'False'); params[params.length] = new Array('PrefixStyleSheet', 'ms-rte'); RTE2_LaunchEditor(params, 'ctl00_PlaceHolderMain_ctl00_ctl00_RichHtmlField', 'ctl00_PlaceHolderMain_ctl00_ctl00_RichHtmlField_DisplayHtmlPanel', 'ctl00_PlaceHolderMain_ctl00_ctl00_RichHtmlField_EmptyHtmlPanel', 'ctl00$PlaceHolderMain$ctl00$ctl00$RichHtmlField', encodeURI('\u002fsites\u002fhlt'), 'False');} else { if (window.event.srcElement.href) window.open(window.event.srcElement.href ,'_blank'); }if (window.event) { window.event.returnValue = false; window.event.cancelBubble = true; } return false;" onkeydown="var params=new Array(); params[params.length] = new Array('ValidationContext', 'FONTS=true\u0026REUSABLECONTENT=true\u0026HEADINGS=true\u0026HYPERLINKS=true\u0026IMAGES=true\u0026LISTS=true\u0026TABLES=true\u0026TEXTMARKUP=true\u0026ISREQUIRED=false\u0026RESTRICTURLSTOSITECOLLECTION=false\u0026'); params[params.length] = new Array('CurrentWebBaseUrl', '\u002fsites\u002fhlt'); params[params.length] = new Array('DefaultAssetLocation', ''); params[params.length] = new Array('DefaultAssetImageLocation', ''); params[params.length] = new Array('AllowHtmlSourceEditing', 'True'); params[params.length] = new Array('EnableExtensions', 'True'); params[params.length] = new Array('EditorBackgroundColor', ''); params[params.length] = new Array('DisableCustomStyles', 'False'); params[params.length] = new Array('DisableBasicFormattingButtons', 'False'); params[params.length] = new Array('PrefixStyleSheet', 'ms-rte'); RTE2_LaunchEditor(params, 'ctl00_PlaceHolderMain_ctl00_ctl00_RichHtmlField', 'ctl00_PlaceHolderMain_ctl00_ctl00_RichHtmlField_DisplayHtmlPanel', 'ctl00_PlaceHolderMain_ctl00_ctl00_RichHtmlField_EmptyHtmlPanel', 'ctl00$PlaceHolderMain$ctl00$ctl00$RichHtmlField', encodeURI('\u002fsites\u002fhlt'), 'False');" ondragenter="this.onclick()" oncontrolselect="this.onclick()"><!--DisplayHtmlLiteral--> 
<div id="ctl00_PlaceHolderMain_ctl00_ctl00_RichHtmlField_displayContent" style="padding: 8px;width:100%"></div> 
<!--/DisplayHtmlLiteral--> 
</span><span id="ctl00_PlaceHolderMain_ctl00_ctl00_RichHtmlField_EmptyHtmlPanel" style="display:inline;cursor:hand;" onclick="var params=new Array(); params[params.length] = new Array('ValidationContext', 'FONTS=true\u0026REUSABLECONTENT=true\u0026HEADINGS=true\u0026HYPERLINKS=true\u0026IMAGES=true\u0026LISTS=true\u0026TABLES=true\u0026TEXTMARKUP=true\u0026ISREQUIRED=false\u0026RESTRICTURLSTOSITECOLLECTION=false\u0026'); params[params.length] = new Array('CurrentWebBaseUrl', '\u002fsites\u002fhlt'); params[params.length] = new Array('DefaultAssetLocation', ''); params[params.length] = new Array('DefaultAssetImageLocation', ''); params[params.length] = new Array('AllowHtmlSourceEditing', 'True'); params[params.length] = new Array('EnableExtensions', 'True'); params[params.length] = new Array('EditorBackgroundColor', ''); params[params.length] = new Array('DisableCustomStyles', 'False'); params[params.length] = new Array('DisableBasicFormattingButtons', 'False'); params[params.length] = new Array('PrefixStyleSheet', 'ms-rte'); RTE2_LaunchEditor(params, 'ctl00_PlaceHolderMain_ctl00_ctl00_RichHtmlField', 'ctl00_PlaceHolderMain_ctl00_ctl00_RichHtmlField_DisplayHtmlPanel', 'ctl00_PlaceHolderMain_ctl00_ctl00_RichHtmlField_EmptyHtmlPanel', 'ctl00$PlaceHolderMain$ctl00$ctl00$RichHtmlField', encodeURI('\u002fsites\u002fhlt'), 'False');" ondragenter="this.onclick()" onkeydown="this.onclick()"><!--EmptyPanelHtmlLiteral--> 
<div class="ms-selectorlink" align="center" valign="center" style="padding: 8px"> 
    <a href="#" title="Open a new window to edit the content" id="ctl00_PlaceHolderMain_ctl00_ctl00_RichHtmlField____AddContentPromptLink" selectorid="ctl00_PlaceHolderMain_ctl00_ctl00_RichHtmlField" class="ms-toolbar ms-selectorlink">   Click here to add new content </a></div><!--EmptyPanelHtmlLiteral--> 
</span></span></span> 

    </span></div></div></div> 
     </div> 
     <div class="page-right"> 
      <div width="100%"><div align="center"> <nobr class="ms-SPZoneLabel">Zone 2</nobr></div><div class="ms-SPZone"><table width="100%" cellpadding="0" cellspacing="0" border="0"> 
    <tbody><tr> 
     <td><table onclick="MSOLayout_ShowQuickAddDialog('53e9bd3b-2799-4804-9559-25e7638ab702','7c05cbae-f5a9-4e06-ac76-99190a4d44ca','',true,0,50,QuickAddDialogCallbackctl00$PlaceHolderMain$g_AF32EC71B40C4C819A9366ECF7CDAAD5$ctl00,'Zone\u0025202','\u002fsites\u002fhlt\u002f_layouts\u002fwebpartgallerypickerpage.aspx','resizable=yes,status=no,scrollbars=no,menubar=no,directories=no,location=no,width=700px,height=700px');" onmouseover="this.className='ms-SPButton ms-WPAddButton ms-WPAddButtonHover';" onmouseout="this.className='ms-SPButton ms-WPAddButton';" class="ms-SPButton ms-WPAddButton" title="Add a Web Part (opens in new window)" cellspacing="0" cellpadding="0" style="width:100%;"> 
      <tbody><tr> 
       <td><a href="#" title="Add a Web Part (opens in new window)" onclick="MSOLayout_ShowQuickAddDialog('53e9bd3b-2799-4804-9559-25e7638ab702','7c05cbae-f5a9-4e06-ac76-99190a4d44ca','',true,0,50,QuickAddDialogCallbackctl00$PlaceHolderMain$g_AF32EC71B40C4C819A9366ECF7CDAAD5$ctl00,'Zone\u0025202','\u002fsites\u002fhlt\u002f_layouts\u002fwebpartgallerypickerpage.aspx','resizable=yes,status=no,scrollbars=no,menubar=no,directories=no,location=no,width=700px,height=700px');;event.cancelBubble=true;" style="text-decoration:none;"><nobr><img align="middle" border="0" alt="Add a Web Part (opens in new window)" src="/_layouts/images/wpqaicon.gif">&nbsp;<span>Add a Web Part</span></nobr></a></td> 
      </tr> 
     </tbody></table></td> 
    </tr><tr> 

    </tr> 
</tbody></table></div></div> 
     </div> 
    <div class="page-bottom" style=" 
"> 
     <div width="100%" style=" 
"><div align="center"> <nobr class="ms-SPZoneLabel">Zone 3</nobr></div><div class="ms-SPZone"><table width="100%" cellpadding="0" cellspacing="0" border="0"> 
    <tbody><tr> 
     <td><table onclick="MSOLayout_ShowQuickAddDialog('53e9bd3b-2799-4804-9559-25e7638ab702','7c05cbae-f5a9-4e06-ac76-99190a4d44ca','',true,0,50,QuickAddDialogCallbackctl00$PlaceHolderMain$g_ACF726E3F25544FBBCAA9EC4B66843AF$ctl00,'Zone\u0025203','\u002fsites\u002fhlt\u002f_layouts\u002fwebpartgallerypickerpage.aspx','resizable=yes,status=no,scrollbars=no,menubar=no,directories=no,location=no,width=700px,height=700px');" onmouseover="this.className='ms-SPButton ms-WPAddButton ms-WPAddButtonHover';" onmouseout="this.className='ms-SPButton ms-WPAddButton';" class="ms-SPButton ms-WPAddButton" title="Add a Web Part (opens in new window)" cellspacing="0" cellpadding="0" style="width:100%;"> 
      <tbody><tr> 
       <td><a href="#" title="Add a Web Part (opens in new window)" onclick="MSOLayout_ShowQuickAddDialog('53e9bd3b-2799-4804-9559-25e7638ab702','7c05cbae-f5a9-4e06-ac76-99190a4d44ca','',true,0,50,QuickAddDialogCallbackctl00$PlaceHolderMain$g_ACF726E3F25544FBBCAA9EC4B66843AF$ctl00,'Zone\u0025203','\u002fsites\u002fhlt\u002f_layouts\u002fwebpartgallerypickerpage.aspx','resizable=yes,status=no,scrollbars=no,menubar=no,directories=no,location=no,width=700px,height=700px');;event.cancelBubble=true;" style="text-decoration:none;"><nobr><img align="middle" border="0" alt="Add a Web Part (opens in new window)" src="/_layouts/images/wpqaicon.gif">&nbsp;<span>Add a Web Part</span></nobr></a></td> 
      </tr> 
     </tbody></table></td> 
    </tr><tr> 

    </tr> 
</tbody></table></div></div> 
    </div>

Source

2014-05-20 Tomasz

trouvé une solution:

.whole-page .page-bottom 
{ 
    clear: both; 
}

Source

2014-05-21 06:14:36 Tomasz

Sharepoint 2007 mise en page personnalisée style

Répondre

Questions connexes