This is a test of right to left by insereting <div dir=rtl> at the begining and the closer of course.
Constrain In Template
This is the problem Picture element. To get proper sizing, I put a constrain in the TEMPLATE, I set it to 240 wide and 158 high. The original is 472x310.
Constrain in Html Element
This the same image as above, but it is inserted in an Html element rather than an image element. There is more control in this format.
I changed the image width to 145px wide for this example. The element id is HTML7.
I added a style to the style sheet:
#HTML7 img {
display:block;
margin: 0 auto;
}
Converting the image to block display allows auto right/left margins to work. When used on block level elements, auto means equal right/left margins.
I describe how to find the element name near the bottom of my BHG reply here:
Uploaded images cut off.
If you want the entire element centered and don't have anything else in it that wants more width, just use #HTML7.
No comments:
Post a Comment