MobileRead Forums - View Single Post

HeartWare · 11-04-2023, 09:08 AM

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.

11-04-2023, 09:08 AM	#30
HeartWare Enthusiast Posts: 27 Karma: 10 Join Date: Nov 2023 Location: Copenhagen, DK Device: ReadEra Android, Samsung Galaxy Tab S7+, Android 13	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.