Layout Fronend [solved]

[gerdon]

Sorry, it does'nt works. Nothing changed. 

[ColinM]

Hi
Which editor are you using?  If for example it is JCE or ARKeditor then the default styling is Paragraph(JCE) or Normal(ARK) and this is causing the problem.

EDIT The <p> tag is for a paragraph and as such it is defined as a block element. The <div> tag is a container element.  In the same way as one would not put a <p>  element in another <p> element  (paragraph in a paragraph!!) then one cannot put a <div> in a <p> element.  But one can put one or more <p> elements in a <div>.

As an example I put the same 'line' in the editor twice, once when editor is in Paragraph[Normal] mode and the second time when in div[Normal(Div)] mode.
Pic 'Single line layout02.png' shows the lines when in the Editor., and Pic 'Single line layout03.png' shows the results.
So ensure you use div mode in the editor when inserting the content plugin.  The code generated is shown below. Will need to add caution to documentation.

Colin

JCE Code generated when Editor in 'paragraph' mode NB contents of the 'a' tags deleted

Code Select Expand

<p>Now display in the middle </p>
<div class="jd_content jd_content_plugin">
  <div class="jd_files_oneline" style="">
    <a href=.....></a>
    <a href=...>decorative-products  For Uploaders</a>&nbsp;
  </div>
</div>
of a sentence.  The important aspect is to ensure the Editor type is set to a  div
<p></p>

JCE Code generated when editor in div mode 

Code Select Expand

<div>Now display in the middle
  <div class="jd_content jd_content_plugin">
    <div class="jd_files_oneline" style="">
       <a href=....></a>
       <a href=....>decorative-products  For Uploaders</a>&nbsp;
    </div>
  </div> of a sentence. The important aspect is to ensure the Editor type is set to a  div
</div>

[gelöscht durch Administrator]

[gerdon]

Perfect! Thank you for that. Now it works fine.