asp.net - Align text at bottom of div -
here css
.frontslideshow { display:block; overflow: none; height: 323px; margin-bottom: 12px; background-color:#005596; background-image: url(/*edited*/); background-repeat: repeat-x; width:754px; font-family: verdana; font-size:large; color:#ffffff; clear:both; } .frontslideshow .slideshowimage { float: left; vertical-align:text-bottom; padding-right: 24px; } .frontslideshow .slideshowsubtitle { vertical-align: text-bottom; margin-bottom: 10px; }
here markup
<div class="frontslideshow"> <div class="slideshowmaintitle"> <asp:label id="lblslidetitle" runat="server"></asp:label> </div> <div class="slideshowimage"> <asp:image id="imgslide" runat="server" /> </div> <div class="slideshowsubtitle"> <asp:label id="lblslidedescription" runat="server"></asp:label> </div> <asp:button id="btnprev" runat="server" text="prev" /><asp:button id="btnnext" runat="server" text="next" /> <asp:slideshowextender id="slextender" runat="server" autoplay="true" loop="true" playinterval="3000" targetcontrolid="imgslide" nextbuttonid="btnnext" previousbuttonid="btnprev" imagetitlelabelid="lblslidetitle" imagedescriptionlabelid="lblslidedescription" slideshowservicemethod="getslides" slideshowservicepath="~/webservices/slideshowservice.asmx"> </asp:slideshowextender> <asp:literal id="limarkup" runat="server"></asp:literal> </div>
the subtitle div needs positioned @ bottom right of parent container. ideas? can is:
but want:
try this:
.frontslideshow { position: relative; } .frontslideshow .slideshowsubtitle { position: absolute; right : 20px; bottom: 20px; }
Comments
Post a Comment