Can't find any way to insert div

[Joeg]

I have a #content div and want to put three divs inside it floated left to produce three columns #col1, #col2, #col3. I have managed to get #col1 inserted but can't find any way (in WYSIWYG mode) to insert #col2 and #col3.

Ideally, I would like to be able to drag and drop a default 'box' from a palette into position in the editor window and then give it properties in the inspector but I suspect that is down the line some way. In the meantime, what do I do?

[Charles Cooke]

You can do it in wysiwyg, well arguably since empty divs are invisible so you don’t see them and it becomes ‘what you can’t see is what you get’.

It is far easier to insert three paragraphs into the content div then change them to divs. Just click in each paragraph in turn then on the structure bar right-click the p marker, select ‘change tag’, type ‘div’ and enter/return.

[Greg Chapman]

Hi Charles,

On 13 Feb 13 13:31 Charles Cooke <k...@charlescooke.me.uk> said:
> You can do it in wysiwyg, well arguably since empty divs are
> invisible so you don’t see them and it becomes ‘what you can’t see
> is what you get’.
>
> It is far easier to insert three paragraphs into the content div
> then change them to divs.

Your's is a cunning technique and perhaps the only approach.

I tried to do what I assume JoeG did and opened a new document, opened
the Paragraph format drop-down and selected "generic container" and
then tried to do it again to insert the first subsidiary div,
BlueGriffon simply refused to insert it. Do you get the same result?

I wonder how JoeG managed to insert the first sub-div as he only
mentions a difficulty with the second and third.

Greg Chapman
http://www.gregtutor.plus.com
Helping new users of KompoZer and The GIMP
Still exploring BlueGriffon

[Joeg]

I used the Insert, HTML5 Element, Div and messed around with the Edit, Select>First Child, Next Sibling etc while clicking on the <div> in the Structure Bar.

Charles's technique works but it it far from intuitive, to say the least. If you don't get it right, you can't drag and drop divs around in the window.

[Charles Cooke]

On Wednesday, February 13, 2013 2:47:16 PM UTC, GregTutor wrote:

Hi Charles,

On 13 Feb 13 13:31 Charles Cooke <k...@charlescooke.me.uk> said:
> You can do it in wysiwyg, well arguably since empty divs are
> invisible so you don’t see them and it becomes ‘what you can’t see
> is what you get’.

>
> It is far easier to insert three paragraphs into the content div
> then change them to divs.

Your's is a cunning technique and perhaps the only approach.

I tried to do what I assume JoeG did and opened a new document, opened
the Paragraph format drop-down and selected "generic container" and
then tried to do it again to insert the first subsidiary div,
BlueGriffon simply refused to insert it. Do you get the same result?

 

I think my experience was very similar. I probably managed to insert two divs but not three. However my result was erratic and the only way I could see what I was doing was by looking at the source which seemed to defeat the objective. So I looked fora sure-fire method which I have often used in the past e.g. with KompoZer.