javascript - jQuery Mobile dual footer -
javascript - jQuery Mobile dual footer -
i have simple jquery mobile page , show copyright message @ bottom of page above footer.
in page footer, have several buttons , copyright message should appear in small plain text on right cornenr exaclty above footer... see kind of dual footer .
when add together copyright message footer, inherit footer data-theme not desired. when add together content of site, not show copyright @ bottom of page. hints on inject copyright message highly appreciated.
easy css magic
create 'copyright' css class:.copyright { font-size: 0.75em; margin-top: -20px; float:right; padding-right: 5px; }
notes: a. 'margin-top' makes render above footer b. 'float:right' puts in on right of screen. utilize 'float:left' or 'float:center' if desired.
in footer, utilize copyright class.< div data-role="footer"> < span class='copyright'>© company ltd</span> < h4>footer </h4> < href="#" data-rel="back" data-icon="home">home</a> < /div>
javascript css jquery-mobile footer
Comments
Post a Comment