different gap btw usercontrol using 4-25% layout - Front- & Back-End Development - Front- & Back-End Development - Progress Community
 Front- & Back-End Development

different gap btw usercontrol using 4-25% layout

  • different gap btw usercontrol using 4-25% layout
  • HI,

    I created user control with fixed width. I used it 4 times into a page 4-25% templete.
    but it is a different gap btw user control when I populate page.

    Regards,

    codes as the following:

    <%

     

    @ Control Language="C#" AutoEventWireup="true" CodeBehind="AdBar1.ascx.cs" Inherits="SitefinityWebApp.Control.AdBar1" %>

     

    <

     

     

    div style="border: thin solid #000000; width:200px;height:286px;background-image:url('Image/backgroud.png'); background-repeat:no-repeat;padding: 0px 0 0 0px;" align="left">

     

     

    <

     

     

    table width="180" style="vertical-align:top;text-align:center;height:236px">

     

     

     

    <tr>

     

     

     

    <td>

     

     

     

    &nbsp;

     

     

     

    </td>

     

     

     

    </tr>

     

     

     

    <tr id="adImageTR" style="vertical-align:middle;height:86px">

     

     

     

    <td align="center">

     

     

     

    <asp:Image ID="Image1" runat="server" ImageUrl="~/Control/Image/question-mark.gif" />

     

     

     

    </td>

     

     

     

    </tr>

     

     

     

    <tr style="height: 140px;vertical-align:top;text-align:center">

     

     

     

    <td align="center">

     

     

     

    <table style="text-align:center" width="140px">

     

     

     

    <tr>

     

     

     

    <td style="width:140px;vertical-align:top;height:20px">

     

     

     

    <asp:Label ID="Label1" runat="server" Font-Size="14px" Font-Bold="True" Text="Customers" Font-Names="Verdana"></asp:Label>

     

     

     

    </td>

     

     

     

    </tr>

     

     

     

    <tr>

     

     

     

    <td>

     

     

     

    &nbsp;

     

     

     

    </td>

     

     

     

    </tr>

     

     

     

    <tr>

     

     

     

    <td style="width:140px;vertical-align:top;">

     

     

     

    <asp:Label ID="Label2" runat="server" Text="Access and" Font-Names="Verdana" Font-Size="11pt"></asp:Label>

     

     

     

    </td>

     

     

     

    </tr>

     

     

     

    </table>

     

     

     

    </td>

     

     

     

    </tr>

     

     

     

    <tr style="vertical-align:bottom;height:30px">

     

     

     

    <td align="center">

     

     

     

    <telerik:RadButton ID="RadButton1" runat="server" ButtonType="LinkButton" Text="More">

     

     

     

    </telerik:RadButton>

     

     

     

    </td>

     

     

     

    </tr>

     

     

    </

     

     

    table>

     

     

    </

     

     

    div>


    master page:

     

     

    <%

     

    @ Master Language="C#" AutoEventWireup="true" CodeBehind="ZintelHome.master.cs" Inherits="SitefinityWebApp.Sitefinity.WebsiteTemplete.ZintelHomeTemplete.App_Master.ZintelHome" %>

     

     

    <%

     

     

    @ Register TagPrefix="uc1" TagName="Header" Src="~/Control/HeaderBar.ascx" %>

     

     

    <%

     

     

    @ Register TagPrefix="uc2" TagName="noteBar" Src="~/Control/notationBar.ascx" %>

     

     

     

     

     

     

     

     

    <!

     

     

     

    DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "www.w3.org/.../xhtml1-transitional.dtd">

     

     

    <

     

     

     

    html xmlns="www.w3.org/.../xhtml">

     

     

    <

     

     

     

    head runat="server">

     

     

     

     

     

     

     

     

     

     

     

     

    <title></title>

     

     

     

     

     

     

     

     

     

     

     

     

    <asp:ContentPlaceHolder ID="head" runat="server">

     

     

     

     

     

     

     

     

     

     

     

     

    </asp:ContentPlaceHolder>

     

     

    </

     

     

     

    head>

     

     

    <

     

     

     

    body>

     

     

     

     

     

     

     

     

     

     

     

     

    <form id="form1" runat="server">

     

     

     

     

     

     

     

     

     

     

     

     

    <telerik:RadScriptManager runat="server" ID="radScriptManager">

     

     

     

     

     

     

     

     

     

     

     

     

    </telerik:RadScriptManager>

     

     

     

     

     

     

     

     

     

     

     

     

    <telerik:RadSkinManager runat="server" ID="radSkinManager" Skin="Web20">

     

     

     

     

     

     

     

     

     

     

     

     

    </telerik:RadSkinManager>

     

     

     

     

     

     

     

     

     

     

     

     

    <telerik:RadFormDecorator ID="FormDecorator1" runat="server" DecoratedControls="all"></telerik:RadFormDecorator>

     

     

     

     

     

     

     

     

     

     

     

     

    <table class="BaseLayout" cellpadding="0" cellspacing="0" width="800px">

     

     

     

     

     

     

     

     

     

     

     

     

    <tr>

     

     

     

     

     

     

     

     

     

     

     

     

    <td>

     

     

     

     

     

     

     

     

     

     

     

     

    <uc1:Header ID="HeaderUC" runat="server" />

     

     

     

     

     

     

     

     

     

     

     

     

    </td>

     

     

     

     

     

     

     

     

     

     

     

     

    </tr>

     

     

     

     

     

     

     

     

     

     

     

     

    <tr>

     

     

     

     

     

     

     

     

     

     

     

     

    <td>

     

     

     

     

     

     

     

     

     

     

     

     

    <asp:ContentPlaceHolder ID="navigationContentPlaceHolder" runat="server">

     

     

     

     

     

     

     

     

     

     

     

     

    </asp:ContentPlaceHolder>

     

     

     

     

     

     

     

     

     

     

     

     

    </td>

     

     

     

     

     

     

     

     

     

     

     

     

    </tr>

     

     

     

     

     

     

     

     

     

     

     

     

    <tr>

     

     

     

     

     

     

     

     

     

     

     

     

    <td>

     

     

     

     

     

     

     

     

     

     

     

     

    <asp:ContentPlaceHolder ID="MenuContentPlaceHolder" runat="server">

     

     

     

     

     

     

     

     

     

     

     

     

    </asp:ContentPlaceHolder>

     

     

     

     

     

     

     

     

     

     

     

     

    </td>

     

     

     

     

     

     

     

     

     

     

     

     

    </tr>

     

     

     

     

     

     

     

     

     

     

     

     

    <tr>

     

     

     

     

     

     

     

     

     

     

     

     

    <td>

     

     

     

     

     

     

     

     

     

     

     

     

    <asp:ContentPlaceHolder ID="mainContentPlaceHolder" runat="server">

     

     

     

     

     

     

     

     

     

     

     

     

    </asp:ContentPlaceHolder>

     

     

     

     

     

     

     

     

     

     

     

     

    </td>

     

     

     

     

     

     

     

     

     

     

     

     

    </tr>

     

     

     

     

     

     

     

     

     

     

     

     

    <tr>

     

     

     

     

     

     

     

     

     

     

     

     

    <td>

     

     

     

     

     

     

     

     

     

     

     

     

    <asp:ContentPlaceHolder ID="spaceContentPlaceHolder" runat="server">

     

     

     

     

     

     

     

     

     

     

     

     

    </asp:ContentPlaceHolder>

     

     

     

     

     

     

     

     

     

     

     

     

    </td>

     

     

     

     

     

     

     

     

     

     

     

     

    </tr>

     

     

     

     

     

     

     

     

     

     

     

     

    <tr>

     

     

     

     

     

     

     

     

     

     

     

     

    <td>

     

     

     

     

     

     

     

     

     

     

     

     

    <asp:ContentPlaceHolder ID="footerContentPlaceHolder" runat="server">

     

     

     

     

     

     

     

     

     

     

     

     

    </asp:ContentPlaceHolder>

     

     

     

     

     

     

     

     

     

     

     

     

    </td>

     

     

     

     

     

     

     

     

     

     

     

     

    </tr>

     

     

     

     

     

     

     

     

     

     

     

     

    </table>

     

     

     

     

     

     

     

     

     

     

     

     

    </form>

     

     

    </

     

     

     

    body>

     

     

    </

     

     

     

    html>

     

     

     

     

     

     

     


    attachment button doesn't work? could you tell me how to upload file?

    Regards,

    Wei

  • try to attach file
  • Hi Sarah,

    Did you check the padding of the columns in the properties of the 4x25 widget? Also it is not best practice to place table inside div and then other divs inside that table. This could be also a reason.

    If you can provide us a link to your live/demo project we can inspect the outputted code there and check what is wrong.



    Regards,
    Jordan
    the Telerik team
    Do you want to have your say in the Sitefinity development roadmap? Do you want to know when a feature you requested is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items
  • thanks , I FIXED this problem.