Hi,
I am using a links module called Glinks where you can add an icon to the left of the link and html below the link. I've added the icon and used css to modify the alignment, and when I view my changes in "edit" mode everything is aligned. When I view my changes in "view" mode a large gap to the left of the image appears. I have attached a screenshot with both views and I've pointed out where the gap is in the "view" mode screenshot. Below is the code for Links.ascx for reference.
If this makes any sense to you please make suggestions. I'm not sure why there is an indentation there or how to fix it. If you've seen something similar please let me know. I tried emailing support@vsnetcoder.com and visiting http://www.vsnetcoder.com/ but have gotten no response. Tap that guy on the shoulder if you know him ;).
Any help is appreciated!
MyKa
GLINKS CODE:
*******************************************************************************
<%@ Control language="vb" Inherits="Thayer.GLinks.Links" CodeBehind="Links.ascx.vb" AutoEventWireup="false" Explicit="True" %>
<asp:panel id="pnlList" runat="server" >
<asp:Literal ID="GLinksScriptLit" runat="server"></asp:Literal>
<asp:datalist CssClass="GLinksMain" id="lstLinks" runat="server" summary="Links Design Table" itemstyle-verticalalign="Top" cellpadding="0">
<itemtemplate>
<table class="GLinksMainTable" border="0" cellpadding="0" cellspacing="0">
<tr class="GLinksTopRow">
<td class="GLinksTopCell" nowrap>
<table class="GLinkTable" border="0" cellpadding="0" cellspacing="0" <%#GetLinkHeight() %>>
<tr class="GLinkRow" width="<%# TLeftPad() %>">
<td class="GLinkCell1" nowrap width="<%# TLeftPad() %>" align="right">
<asp:HyperLink CssClass="EditGLinkClass" id="editLink" NavigateUrl='<%# EditURL("ItemID",DataBinder.Eval(Container.DataItem,"ItemID")) %>' Visible="<%# IsEditable %>" runat="server" ><asp:Image id="editLinkImage" ImageUrl="~/images/edit.gif" AlternateText="Edit" Visible="<%# IsEditable %>" Runat="server" /></asp:hyperlink>
<asp:Image CssClass="GLinkImageClass" ID="Image1" ImageUrl="<%# formatIcon() %>" Visible="<%# DisplayIcon() %>" runat="server" />
<asp:Image CssClass="GLinkImageClass" ID="LinkImageLeft" runat="server" />
</td>
<td class="GLinkCell2" nowrap>
<asp:Table CssClass="MainGLinkTable" ID="LinkTable" runat="server" BorderWidth="0px" CellPadding="0" CellSpacing="0">
<asp:TableRow CssClass="MainGLinkRow1" ID="LinkRow" runat="server" Height="100%">
<asp:TableCell CssClass="MainGLinkCell" ID="LinkCell" runat="server" Wrap="<%# GetWrap() %>">
<asp:HyperLink ID="Link" CssClass="Normal" Text='<%# DataBinder.Eval(Container.DataItem,"Title") %>' NavigateUrl='<%# formatURL(DataBinder.Eval(Container.DataItem,"Url"),DataBinder.Eval(Container.DataItem,"TrackClicks")) %>' ToolTip='<%# DisplayToolTip(DataBinder.Eval(Container.DataItem,"Description")) %>' Target= '<%# IIF(DataBinder.Eval(Container.DataItem,"NewWindow"),"_blank","_self") %>' runat="server" />
</asp:TableCell>
</asp:TableRow>
</asp:Table>
</td>
<td class="GLinkCell3" nowrap>
<asp:Image CssClass="GLinkImageClass" ID="LinkImageRight" runat="server" />
<asp:linkbutton CssClass="CommandButton" Runat="server" Text='...' CommandName="Select" Visible='<%# DisplayInfo() %>'/>
</td>
</tr>
<tr>
<td colspan="3" class="GLinkCell2" nowrap>
<asp:Table CssClass="MainGLinkTable" ID="Table1" runat="server" BorderWidth="0px" CellPadding="0" CellSpacing="0">
<asp:TableRow CssClass="GLinkHTMLRow" ID="TableRow2" runat="server" Height="100%">
<asp:TableCell CssClass="GLinkHTMLCell" ID="TableCell2" runat="server" Wrap="<%# GetWrap() %>">
<asp:Literal ID="HTMLLiteral" runat="server"></asp:Literal>
</asp:TableCell>
</asp:TableRow>
</asp:Table>
</td>
</tr>
</table>
</td>
</tr>
<tr class="GLinkBottomRow">
<td>
<asp:panel CssClass="GLinkBottomRowPanel" id="pnlDescription" visible="false" runat="server">
<asp:Label runat="server" CssClass="Normal" Text='<%# HtmlDecode(DataBinder.Eval(Container.DataItem, "Description")) %>' ID="Label1"/>
</asp:panel>
</td>
</tr>
</table>
</itemtemplate>
<ItemStyle VerticalAlign="Top" />
</asp:datalist></asp:panel>
<asp:panel id="pnlDropdown" runat="server">
<table cellspacing=0 cellpadding=0 summary="Links Design Table" border=0>
<tr>
<td nowrap>
<asp:imagebutton id=cmdEdit runat="server" imageurl="~/images/edit.gif" alternatetext="Edit" resourcekey="Edit"></asp:imagebutton>
<label style="DISPLAY: none" for="<%=cboLinks.ClientID%>">Link</label>
<asp:dropdownlist id=cboLinks runat="server" datatextfield="Title" datavaluefield="ItemID" cssclass="NormalTextBox"></asp:dropdownlist>
<asp:linkbutton id=cmdGo runat="server" cssclass="CommandButton" resourcekey="cmdGo"></asp:linkbutton>
<asp:linkbutton id=cmdInfo runat="server" cssclass="CommandButton" text="..."></asp:linkbutton>
</td>
</tr>
<tr>
<td><asp:label id=lblDescription runat="server" cssclass="Normal"></asp:label></td>
</tr>
</table>
</asp:panel>
***********************************************************************************************