Is there a way to fix oversized HTML Editor using CSS?

Is there a way to fix oversized HTML Editor using CSS?

ដោយ Mary Evans នៅ
ចំនួនតប៖ 4
រូបភាព Core developers រូបភាព Documentation writers រូបភាព Peer reviewers រូបភាព Plugin developers រូបភាព Testers
I'm in the process of making a new theme from scratch, and hit on a problem with the HTML editor...see screen-shot below...

As you can see the text editor hangs over the right edge of the page making it necessary to have to scroll right to view the whole of the editor.

I've noticed this happen in a number of themes. Is this peculiar to the editor...or is it a design fault with the theme?

If it's the latter...which CSS element will I have to change to make the editor smaller?

Many thanks in advance...Mary ញញឹម
screen-shot
មធ្យមភាគនៃរង្វាយតម្លៃ: -
ឆ្លើយតបទៅកាន់ Mary Evans

Re: Is there a way to fix oversized HTML Editor using CSS?

ដោយ Itamar Tzadok នៅ
The editor extends as much as it can and judging by the empty space on the right side of the toolbar the form in your theme allows it to extend. Try reducing the width of the form. In any case the minimum width is the width of the editor toolbar. If you want the editor width to be smaller than the toolbar you can set the width of .htmlarea to the desired, and set overflow .htmlarea .toolbar to auto. This will make the toolbar scrollable. Hope this helps. ញញឹម
ឯកសារភ្ជាប់ htmlarea-scrollable-toolbar.png
មធ្យមភាគនៃរង្វាយតម្លៃ:Useful (1)
ឆ្លើយតបទៅកាន់ Mary Evans

Re: Is there a way to fix oversized HTML Editor using CSS?

ដោយ Itamar Tzadok នៅ
Alternatively you can set the toolbar to display in multiple lines depending on the width you assign to the htmlarea:

.htmlarea{width:400px;}
.htmlarea .toolbar table td{display:inline-block;}

ញញឹម
ឯកសារភ្ជាប់ htmlarea-short-toolbar.png
មធ្យមភាគនៃរង្វាយតម្លៃ:Useful (2)
ឆ្លើយតបទៅកាន់ Itamar Tzadok

Re: Is there a way to fix oversized HTML Editor using CSS?

ដោយ Mary Evans នៅ
រូបភាព Core developers រូបភាព Documentation writers រូបភាព Peer reviewers រូបភាព Plugin developers រូបភាព Testers
Thank you Itamar, for these two pointers, I'll go and see which works best for me.
Many thanks again.

Mary
មធ្យមភាគនៃរង្វាយតម្លៃ: -
ឆ្លើយតបទៅកាន់ Itamar Tzadok

Re: Is there a way to fix oversized HTML Editor using CSS?

ដោយ Mary Evans នៅ
រូបភាព Core developers រូបភាព Documentation writers រូបភាព Peer reviewers រូបភាព Plugin developers រូបភាព Testers
Your solutions worked, and in the process of finding and altering the relevant bits of CSS I found out quite a bit about the form setting and such and managed to change some items which have annoyed me for a long time!

So thanks for that too!!!

Mary
មធ្យមភាគនៃរង្វាយតម្លៃ: -