Click here to Skip to main content
12,550,731 members (45,757 online)
Rate this:
Please Sign up or sign in to vote.
See more: C# ASP.NET
I am unable to reduce the height of radiobuttonlist. The height of the RBL2 is coming out of the table14. Can anyone advice me. The following is my code:

            border-right: 1px groove #C0C0C0;
            border-bottom: 1px groove #C0C0C0;
            padding: 1px;
width: 260px;
                height: 24px;
                border-left-style: groove;
                border-top-style: groove;
                position: absolute;
            border-left-width: 1px;
            border-top-width: 1px;
            height: 16px;

<table cellspacing="1" class="style14" table id="table14"  runat="server">
                        <td class="style13">
                            <asp:RadioButtonList ID="RadioButtonList2" runat="server"  Height="10px"
                                RepeatDirection="Horizontal" Width="110px"
                                style="z-index:1;left:145px; top:1px; position:absolute; background-color:InfoBackground; border-bottom-style:inset " 
                                Font-Size="X-Small" AutoPostBack="True">
                            <asp:Label ID="Label7" runat="server" Font-Size="Small"  ForeColor="White"
                                style="z-index: 1; left: 1px; top: 1px; position: absolute; width: 170px" 
                                Text="Are you existing member?">

The height of the rbl is coming out of the table height. How to reduce the height of RBL
Posted 12-Jan-13 23:30pm
Updated 13-Jan-13 10:07am
Software Engineer 892 13-Jan-13 5:36am
please remove table id = table14
Software Engineer 892 13-Jan-13 5:37am
and also checks the heights in style 13 and style 14.

1 solution

Rate this: bad
Please Sign up or sign in to vote.

Solution 1

Add cellPadding and cellSpacing for radioButton to 0.
<asp:RadioButtonList ID="RadioButtonList2" runat="server" Height="10px" RepeatDirection="Horizontal"
                   Width="110px" Style="z-index: 1; left: 145px; top: 1px; position: absolute; background-color: InfoBackground;
                   border-bottom-style: inset;"
                   Font-Size="X-Small" AutoPostBack="True" CellPadding="0" CellSpacing="0">

hope this helps...

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

  Print Answers RSS
Top Experts
Last 24hrsThis month

Advertise | Privacy | Mobile
Web01 | 2.8.161021.1 | Last Updated 13 Jan 2013
Copyright © CodeProject, 1999-2016
All Rights Reserved. Terms of Service
Layout: fixed | fluid

CodeProject, 503-250 Ferrand Drive Toronto Ontario, M3C 3G8 Canada +1 416-849-8900 x 100