Click here to Skip to main content
15,895,746 members
Please Sign up or sign in to vote.
0.00/5 (No votes)
See more:
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:


CSS
.style14
        {
            border-right: 1px groove #C0C0C0;
            border-bottom: 1px groove #C0C0C0;
            background-color:Silver;
            padding: 1px;
width: 260px;
                height: 24px;
            Top:167px;
            Left:243px;
                border-left-style: groove;
                border-top-style: groove;
                position: absolute;
            border-left-width: 1px;
            border-top-width: 1px;
        }

CSS
.style13
        {
            height: 16px;
        }


ASP.NET
<table cellspacing="1" class="style14" table id="table14"  runat="server">
                    <tr>
                        <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 " 
                                onselectedindexchanged="RadioButtonList2_SelectedIndexChanged" 
                                Font-Size="X-Small" AutoPostBack="True">
                                <asp:ListItem>Yes
                                <asp:ListItem>No
                            
                            <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?">
                        </td>
                    </tr>




The height of the rbl is coming out of the table height. How to reduce the height of RBL
Posted
Updated 13-Jan-13 10:07am
v2
Comments
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

Add cellPadding and cellSpacing for radioButton to 0.
CSS
<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...
 
Share this answer
 

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



CodeProject, 20 Bay Street, 11th Floor Toronto, Ontario, Canada M5J 2N8 +1 (416) 849-8900