I have a problem with closing a <div>
-tag after a "Read more" button.
Within the article editor, Joomla uses a <hr id="system-readmore" />
statement for creating the read more button in an intro-text.
The problem is, that i need to add a <div>
tag which surrounds this "readmore"-tag.
Example:
<div style="overflow: hidden;">
<h3><img class="img_staff" src="images/staff1.jpg" alt="" width="120" height="150" />Test Person</h3>
<h4><em>Assistant</em></h4>
<p><strong>Tel:</strong> 0000 0000 0000</p>
<p><strong>Email:</strong> test@test.com</p>
<hr id="system-readmore" />
</div>
<div style="clear: left;">
<h4>Education</h4>
...
This example should display an image on the left side and text on the right (image float:left). The "overflow: hidden;" i use to avoid an image, that is bigger than the surronding <div>
-Tag (an thus falls out of the <div>
-tag).
The problem is, that this first div-tag doesn't get closed in the intro article (as the "readmore" button cuts the code). Is there a solution for this problem in Joomla, or do you know any CSS-solution, to get this desired looking?
</div>
tag AFTER the readmore tag?<hr>
why don't you simply attach css styles to that??