i have bunch of hyperlinks want align horizontally in td.the problem getting aligned vertically.is because using
display : block; i know should using ul, li etc if dont wish to? me out here.i want align these bunch of hyperlinks side side.
my css :
.homehyperlink { width:90px; height:50px; color:#cccccc; text-align:center; line-height: 50px; display: block; font-size: large; font-weight: 700; font-family:'palatino linotype'; } .homehyperlink:hover { width:90px; height:50px; color:#ffffff; text-align:center; line-height: 50px; display: block; background-color:#fb2020; font-weight:bolder; font-family:'palatino linotype'; } .homehyperlink:active { width:90px; height:50px; color:#ffffff; text-align:center; line-height: 50px; display: block; background-color:#fb2020; font-weight:bolder; position: relative; top: 1px; font-family:'palatino linotype'; } .munmaintable1234 { text-align:left; background-color: #333333; height:50px; } here how arranging them links :
<td class="munmaintable1234" colspan="4"> <asp:hyperlink id="hyperlink4" runat="server" class="homehyperlink" navigateurl="~/test.aspx">home</asp:hyperlink> <asp:hyperlink id="hyperlink1" runat="server" class="homehyperlink" navigateurl="~/test.aspx">home</asp:hyperlink> <asp:hyperlink id="hyperlink2" runat="server" class="homehyperlink" navigateurl="~/test.aspx">home</asp:hyperlink> <asp:hyperlink id="hyperlink3" runat="server" class="homehyperlink" navigateurl="~/test.aspx">home</asp:hyperlink> </td>
change
display:block to
display :inline-block
in
.homehyperlink
Comments
Post a Comment