asp labels with border-bottom

Imar · August 24th, 2007, 02:16 PM

Can you show us the final code that you have now? Did you try an ASP Literal with a <div>? Like this:

<td colspan="6">
<strong>ID#:</strong>
<div style="width: 100%; border-bottom: 1px solid black;">
<asp:Literal ID="lblIDNum" runat="server"></asp:Literal>

Not sure why it would be a bug; spans don't take the full width, so if you apply the border to the span, you only apply it to the actual width the span is taking.

Imar

---------------------------------------
Imar Spaanjaars
http://Imar.Spaanjaars.Com
Everyone is unique, except for me.
Author of ASP.NET 2.0 Instant Results and Beginning Dreamweaver MX / MX 2004

fonpeee · August 27th, 2007, 11:00 AM

<%@ Page Language="vb" AutoEventWireup="false" Codebehind="LFTS_06b.aspx.vb" Inherits="LateFees.LFTS_06b" %>

<!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>LFTS_06b</title>
</head>
<body>
    <form id="form1" runat="server">
        <table height="200" width="800">
            <tr>
                <td height="82" width="63">
                </td>
                <td colspan="6" valign="bottom">

                        <h3>
                            <strong>        Late Fee Tracking System</strong></h3>

                </td>
            </tr>
            <tr>
                <td height="25">
                </td>
                <td colspan="6">
                    <strong>Late Fee - View File Info</strong>
                </td>
            </tr>
            <tr>
                <td height="36">
                </td>
                <td colspan="6">
                    <strong>ID#:  </strong>
                    <asp:Label ID="lblIDNum" runat="server" Width="143px" Style="border-bottom: Solid 1px Black; position: absolute"></asp:Label>
                </td>
            </tr>
            <tr>
                <td height="24">
                </td>
                <td colspan="6">
                    <strong>Committee Name:</strong> 
                    <asp:Label ID="lblCommName" runat="server" Style="border-bottom: solid 1px black; position: absolute"
                        Width="378px"></asp:Label>
                </td>
            </tr>
            <tr>
                <td height="35">
                </td>
                <td>
                    <strong>Last Name:   </strong>
                    <asp:Label ID="lblLastName" runat="server" Style="border-bottom: black 1px solid;
                        position: absolute" Width="250px"></asp:Label>
                </td>
                <td colspan="5">
                    <strong>First Name:  </strong>
                    <asp:Label ID="lblFirstName" runat="server" Style="border-bottom: black 1px solid;
                        position: absolute" Width="106px"></asp:Label>
                </td>
            </tr>
            <tr>
                <td height="26">
                </td>
                <td colspan="6">
                    <strong>Address: </strong>
                    <asp:Label ID="lblAddress" runat="server" Style="border-bottom: black 1px solid;
                        position: absolute" Width="443px"></asp:Label>
                </td>
            </tr>
            <tr>
                <td height="33">
                </td>
                <td>
                    <strong>City: </strong>
                    <asp:Label ID="lblCity" runat="server" Style="border-bottom: black 1px solid; position: absolute"
                        Width="300px"></asp:Label>
                </td>
                <td>
                    <strong>State: </strong>
                    <asp:Label ID="lblState" runat="server" Style="border-bottom: black 1px solid; position: absolute"
                        Width="58px"></asp:Label>
                </td>
                <td colspan="4">
                    <strong>Zip: </strong>
                    <asp:Label ID="lblZip" runat="server" Style="border-bottom: black 1px solid; position: absolute"
                        Width="96px"></asp:Label>
            </tr>
            <tr>
                <td>
                </td>
                <td colspan="6">
                    <asp:Button ID="btnUpdateFile" runat="server" Text="Update File Info" /></td>
            </tr>
            <tr>
                <td colspan="7">

                    <asp:Label ID="lblError" runat="server" Font-Bold="True" ForeColor="Red" Width="700px"></asp:Label></td>
            </tr>
        </table>
        <table width="800px" height="240">
            <tr>
                <td height="27" style="width: 12px">
                </td>
                <td align="right" style="width: 98px">
                    <strong>Report Type:</strong>
                </td>
                <td style="width: 114px" valign=top>
                    <asp:Label ID="lblRptType" runat="server" Width="120px" Style="border-bottom: black 1px solid; position: absolute"></asp:Label></td>
                <td align="right">
                    <strong>Status:</strong>
                </td>
                <td style="width: 117px" valign="top">
                    <asp:Label ID="lblStatus" runat="server" Width="120px" Style="border-bottom: black 1px solid;position: absolute"></asp:Label></td>
                <td width="95">
                </td>
            </tr>
            <tr>
                <td height="26" style="width: 12px">
                </td>
                <td align="right" style="width: 98px">
                    <strong>Fine Amount:</strong>
                </td>
                <td style="width: 114px" valign="top">
                    <asp:Label ID="lblFineAmount" runat="server" Width="120px" Style="border-bottom: black 1px solid;position: absolute"></asp:Label></td>
                <td align="right">
                    <strong>Ref to AG:</strong>
                </td>
                <td style="width: 117px" valign="top">
                    <asp:Label ID="lblRefAG" runat="server" Width="120px" Style="border-bottom: black 1px solid;position: absolute"></asp:Label></td>
            </tr>
            <tr>
                <td height="25" style="width: 12px">
                </td>
                <td align="right" style="width: 98px">
                    <strong>Balance Due:</strong>
                </td>
                <td style="width: 114px" valign="top">
                    <asp:Label ID="lblBalance" runat="server" Width="120px" Style="border-bottom: black 1px solid;position: absolute"></asp:Label></td>
                <td align="right">
                    <strong>AHC Rec:</strong>
                </td>
                <td style="width: 117px" valign="top">
                    <asp:Label ID="lblAHCRec" runat="server" Width="120px" Style="border-bottom: black 1px solid;position: absolute"></asp:Label></td>
            </tr>
            <tr>
                <td height="26" style="width: 12px">
                </td>
                <td align="right" style="width: 98px">
                    <strong>Date Paid:</strong>
                </td>
                <td style="width: 114px" valign="top">
                    <asp:Label ID="lblDatePaid" runat="server" Width="120px" Style="border-bottom: black 1px solid;position: absolute"></asp:Label></td>
                <td>
                </td>
                <td style="width: 117px">
                </td>
            </tr>
            <tr>
                <td style="width: 12px">
                </td>
                <td valign="top" align="right" style="width: 98px">
                    <strong>Notes:</strong></td>
                <td colspan="4">
                    <asp:TextBox ID="txtNotes" runat="server" TextMode="MultiLine" Width="650px" Height="63px"
                        ReadOnly="True"></asp:TextBox></td>
            </tr>
            <tr>
                <td colspan="5" height="20">
                </td>
            </tr>
            <tr>
                <td style="width: 12px">
                </td>
                <td colspan="4">
                             
                    <asp:Button ID="btnUpdateFine" runat="server" Text="Update Fine Info" Width="100px" /> 
                     
                    <asp:Button ID="btnAddNewFine" runat="server" Text="Add New Fine" Width="100px" />
                       <asp:Button ID="btnPrint" runat="server" Text="Print" Width="100px" />
                       <asp:Button ID="btnNewSearch" runat="server" Text="New Search" Width="100px" />
                       <asp:Button ID="btnViewFees" runat="server" Text="View All Fees" Width="100px" />
                </td>
        </table>
    </form>
</body>
</html>

fonpeee · August 27th, 2007, 11:03 AM

I put the position:absolute in all the labels and they work now. But it's just weird because I don't need position:absolute in the other project and it display fine. I think the project set the settings for me but I've no idea how to change it.

chroniclemaster1 · August 29th, 2007, 03:49 PM

If you did things is a different way between the two projects, things like that can happen. Have you checked the code for the pages? Are they the same?

-------------------------

Whatever you can do or dream you can, begin it. Boldness has genius, power and magic in it. Begin it now.
-Johann von Goethe

When Two Hearts Race... Both Win.
-Dove Chocolate Wrapper

Chroniclemaster1, Founder of www.EarthChronicle.com
A Growing History of our Planet, by our Planet, for our Planet.