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.
<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> firstname.lastname@example.org</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
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?