Align two buttons next to each other

[stfarm]

Help please, I can’t seem to align the two buttons next to each other. Any help is appreciated.
<telerik:RadNotification ID="RadNotification1" runat="server"
Position="Center" Width="381px"
Height="100px"
AutoCloseDelay="60000"
LoadContentOn="PageLoad"
OnCallbackUpdate="OnCallbackUpdate"
OnClientShowing="OnClientShowing"
OnClientHidden="OnClientHidden"
Title="Session Timeout" TitleIcon="" Skin="Office2007" EnableRoundedCorners="true"
ShowCloseButton="false">
<ContentTemplate>
<div class="infoIcon" style="width: 40px; float: left;">
<img id="Img1" src="~/images/infoIcon.jpg" alt="info icon" runat="server"/>
</div>
<div style="width: 200px; float: left; margin-top: 6px;">
Time remaining:&nbsp; <span id="timeLbl">60</span>
</div>
<div style="clear:both"></div>
<div class="notificationContent">
<div style="float:left;">
<telerik:RadButton Skin="Windows7" ID="btnlogout" runat="server" Text="Logout Now"
Style="margin-top: 10px;" AutoPostBack="false" OnClientClicked="gotoLogout">
</telerik:RadButton>
</div>
<div style="float:right">
<telerik:RadButton Skin="Windows7" ID="continueSession" runat="server" Text="Continue Your Session"
Style="margin-top: 10px;" AutoPostBack="false" OnClientClicked="ContinueSession">
</telerik:RadButton>
</div>
<div style="clear:both"></div>
</div>
</ContentTemplate>
</telerik:RadNotification>

[Paulie_D]

Can you put something in Codepen or JSfiddle?

[stfarm]

I tried, it does not seem to recognize the telerik buttons. I will see if I can use normal ones. Thanks for the tip.

[Senff]

<telerik:RadNotification ID="RadNotification1" runat="server"
Position="Center" Width="381px"
Height="100px"
AutoCloseDelay="60000"
LoadContentOn="PageLoad"
OnCallbackUpdate="OnCallbackUpdate"
OnClientShowing="OnClientShowing"
OnClientHidden="OnClientHidden"
Title="Session Timeout" TitleIcon="" Skin="Office2007" EnableRoundedCorners="true"
ShowCloseButton="false">
<ContentTemplate>
<div class="infoIcon" style="width: 40px; float: left;">
<img id="Img1" src="~/images/infoIcon.jpg" alt="info icon" runat="server"/>
</div>
<div style="width: 200px; float: left; margin-top: 6px;">
Time remaining:  <span id="timeLbl">60</span>
</div>
<div style="clear:both"></div>
<div class="notificationContent">
<div style="float:left;">
<telerik:RadButton Skin="Windows7" ID="btnlogout" runat="server" Text="Logout Now"
Style="margin-top: 10px;" AutoPostBack="false" OnClientClicked="gotoLogout">
</telerik:RadButton>
</div>
<div style="float:left">
<telerik:RadButton Skin="Windows7" ID="continueSession" runat="server" Text="Continue Your Session"
Style="margin-top: 10px;" AutoPostBack="false" OnClientClicked="ContinueSession">
</telerik:RadButton>
</div>
<div style="clear:both"></div>
</div>
</ContentTemplate>
</telerik:RadNotification>

[stfarm]

Thank you for the quick reply and help. They just dont seem to align.
Here is what it looks like now.

Image

[Senff]

We’d need to see the actual site and be able to see the underlying code, or else we won’t be able to help much further I’m afraid.

[stfarm]

Yeah, I can understand that. I will just use an old fashioned table for now. Thanks for all your help.

[Author]

Posts