Border not ajusting to images only text
Hi CK
I'm using the template creator and I think that it is a fine tool.
However I have a problem with it.
When I make an article and display it in the main content, the border ajust fine to the text content, but if I add an image and it is bigger than the text, the border still ajust to text not the image.
How can this be done?
See attachment:
Thomas
I'm using the template creator and I think that it is a fine tool.
However I have a problem with it.
When I make an article and display it in the main content, the border ajust fine to the text content, but if I add an image and it is bigger than the text, the border still ajust to text not the image.
How can this be done?
See attachment:
Thomas
Last Edit:11 years 1 week ago
by tmntmn
Last edit: 11 years 1 week ago by tmntmn.
Please Log in or Create an account to join the conversation.
Replied by ced1870 on topic Border not ajusting to images only text
Posted 11 years 1 week ago #10590
Hi
are you sure that this is related to tempalte creator and not just the fact that your image has float:right that put it out of the flow ?
CEd
are you sure that this is related to tempalte creator and not just the fact that your image has float:right that put it out of the flow ?
CEd
Joomlack Webmaster and Developer
by ced1870
Please Log in or Create an account to join the conversation.
Replied by tmntmn on topic Border not ajusting to images only text
Posted 11 years 1 week ago #10622
Hi CK
I don't think I'm using float here just "align=right":
Code:
</p><hr id="system-readmore" />
<div>
<img src=" www.somedomain.dk/images/stories/com_form2content/p1/f41/3.jpg " align="right" style="padding-left:10px;" alt="Frank Solo" />
<br/>
<br/>
Fredag d. 26. april gik Frank Solo på sin 70.-tyvende start.<br />
<br />
Et stort tillykke herfra!
</div>
Thomas
I don't think I'm using float here just "align=right":
Code:
</p><hr id="system-readmore" />
<div>
<img src=" www.somedomain.dk/images/stories/com_form2content/p1/f41/3.jpg " align="right" style="padding-left:10px;" alt="Frank Solo" />
<br/>
<br/>
Fredag d. 26. april gik Frank Solo på sin 70.-tyvende start.<br />
<br />
Et stort tillykke herfra!
</div>
Thomas
Last Edit:11 years 1 week ago
by tmntmn
Last edit: 11 years 1 week ago by tmntmn. Reason: HIde info
Please Log in or Create an account to join the conversation.
Replied by ced1870 on topic Border not ajusting to images only text
Posted 11 years 1 week ago #10623
the result is the same as float
try to add the clear:both at the end
try to add the clear:both at the end
Code:
</p><hr id="system-readmore" />
<div>
<img src="www.somedomain.dk/images/stories/com_form2content/p1/f41/3.jpg" align="right" style="padding-left:10px;" alt="Frank Solo" /><br/>
<br/>
<br/>
Fredag d. 26. april gik Frank Solo på sin 70.-tyvende start.<br />
<br />
Et stort tillykke herfra!
<div style="clear:both;"></div>
</div>
Joomlack Webmaster and Developer
by ced1870
The following user(s) said Thank You: tmntmn
Please Log in or Create an account to join the conversation.
Replied by tmntmn on topic Border not ajusting to images only text
Posted 11 years 1 week ago #10660
That did the trick. Works perfect now.
Thank you for your help.
--Thomas
Thank you for your help.
--Thomas
by tmntmn
Please Log in or Create an account to join the conversation.
Time to create page: 0.692 seconds