Advanced HTML Editor Support Product Page

This topic is locked
This topic was archived

style sheet interference

Reported 19 Aug 2004 23:15:14
1
has this problem
19 Aug 2004 23:15:14 chris coburn posted:
If my css file specifies

table
{
margin: 0;
width: 100%;
}

the html editor buttons will not go across the page, but are listed one by one vertically. I've tried overriding this with another style sheet for the html editor and I've tried it will all variations of the width on the html editor - blank, 100%, a specific # of pixels, i.e. 600px .

Is there a fix for this?

Replies

Replied 05 Sep 2004 18:49:10
05 Sep 2004 18:49:10 Camillah Ringes replied:
Well that's a thing we need to fix.
You could give your tables a special class.. but
you also can temporarly overcome this problem by doing the following:

Open AdvHTMLEdit.js that can be found in the ScriptLibrary folder
go to line 259:
<pre id=code><font face=courier size=2 id=code> var tblOpen = '&lt;table border="0" cellspacing="0" cellpadding="0" style="float: left;" unselectable="on"&gt;&lt;tr&gt;&lt;td style="border: none; padding: 1 0 0 0"&gt;&lt;nobr&gt;';</font id=code></pre id=code>

then add a class attribute:

<pre id=code><font face=courier size=2 id=code> var tblOpen = '&lt;table <b>class="someThing"</b> border="0" cellspacing="0" cellpadding="0" style="float: left;" unselectable="on"&gt;&lt;tr&gt;&lt;td style="border: none; padding: 1 0 0 0"&gt;&lt;nobr&gt;';</font id=code></pre id=code>

then add the new style in your css file / page where you have the Advanced HTML Editor :

<pre id=code><font face=courier size=2 id=code>table.someThing {
width: auto;
}</font id=code></pre id=code>

Be aware that everytime the AdvHTMLEdit.js is overwritten by Dreamweaver you have to change AdvHTMLEdit.js again, so maybe the best thing for now is to give your tables a specific class...

--------------------------------------------------
Camillah Ringes
Support Team DMXzone.com
--------------------------------------------------

Reply to this topic