+1-888-365-2779
Try Now
More in this section

Forums / Designing & Styling / different gap btw usercontrol using 4-25% layout

different gap btw usercontrol using 4-25% layout

4 posts, 0 answered
  1. Sarah
    Sarah avatar
    8 posts
    Registered:
    16 Nov 2010
    07 Jun 2011
    Link to this post
    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" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

     

     

    <

     

     

     

    html xmlns="http://www.w3.org/1999/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

  2. Sarah
    Sarah avatar
    8 posts
    Registered:
    16 Nov 2010
    07 Jun 2011
    Link to this post
    try to attach file
  3. Jordan
    Jordan avatar
    172 posts
    Registered:
    20 Oct 2015
    09 Jun 2011
    Link to this post
    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
  4. Sarah
    Sarah avatar
    8 posts
    Registered:
    16 Nov 2010
    23 Jun 2011
    Link to this post
    thanks , I FIXED this problem.
4 posts, 0 answered