Thread: Image sizes and text alignment
View Single Post
Old 11-04-2023, 10:11 AM   #35
RbnJrg
Wizard
RbnJrg ought to be getting tired of karma fortunes by now.RbnJrg ought to be getting tired of karma fortunes by now.RbnJrg ought to be getting tired of karma fortunes by now.RbnJrg ought to be getting tired of karma fortunes by now.RbnJrg ought to be getting tired of karma fortunes by now.RbnJrg ought to be getting tired of karma fortunes by now.RbnJrg ought to be getting tired of karma fortunes by now.RbnJrg ought to be getting tired of karma fortunes by now.RbnJrg ought to be getting tired of karma fortunes by now.RbnJrg ought to be getting tired of karma fortunes by now.RbnJrg ought to be getting tired of karma fortunes by now.
 
Posts: 1,834
Karma: 8700631
Join Date: Mar 2013
Location: Rosario - Santa Fe - Argentina
Device: Kindle 4 NT
Quote:
Originally Posted by HeartWare View Post
Okay, with the combined help of all of you, I managed to get it to work:

.css file:

.image50L {width=100%}
.image50L img {width:50%; max-width: 9000px; text-align:left; float:left; padding: 0px 8px 0px 0px}

.xhtml file:

<div class="image50L"><img alt="Tropical Beach" src="../Images/Tropical%20Beach.jpg"/>Lorem ipsum dolor sit amet, consectetur ... id est laborum.</div>

I can certainly make a bunch of classes and other stuff in the .css file, but do I need to specify both lines for all combinations of alignment and percentage size? Ie. I need a several combinations of L and R alignment (not at the same time, obviously :-) ) and varying percentages.
In the solution I proposed the text inside the div IS enclosed with <p> tags; do that and it should work everywhere. By the way, what Is your ebook reader?
Last edited by RbnJrg; 11-04-2023 at 10:18 AM.
RbnJrg is offline   Reply With Quote