1. 

   wcamp
   

   offline

   Member

   Hi, all:

   I've been successfully adding PBX-Magic instances of text tooltips to my "parables" directory. They look and function well!

   But on this one occasion, I added a PBX tooltip instance inside a text box that I created on a LBM-created page. The actual PBX tooltip looks good in browsers and works as expected, as this first screenshot documents:
   https://www.warrencampdesign.com/parables/images/PV7.badRenderingOfTextBox-browser.jpg

   However, while working in DW CC, the text boxes now get shrunk in width to the same narrow dimension, making them hard to read and edit. Here's a sampling of what they look like:
   https://www.warrencampdesign.com/parables/images/PV7.badRenderingOfTextBox-DWCC.jpg

   Kindly look at my page and style sheet to locate the cause of this anomaly; hopefully, you'll suggest the needed fix.

   Thanks so much!

   Here's the sample page:
   https://www.warrencampdesign.com/parables/parable.2b.workersInVineyard.html

   Warren

   Posted 4 weeks ago
2. 

   Gerry
   

   offline

   PVII Team

   Being used to the Dreamweaver Design View anomalies I would probably live with this, rule of thumb being if I can edit it then I can live with it.

   That being said, DW is most likely getting the widths of the parent floated divs wrong, or the auto left and right margins, for its calculations in the .centeredPoem style rule:

   .centeredPoem {
   width: 86%;
   max-width: 100%;
   font-size: 0.95em;
   text-align: left;
   margin: 14px auto;
   padding: 11px 12px 3px 14px;
   -webkit-box-shadow: 4px 5px 9px 0px rgba(0,0,0,0.46);
   -moz-box-shadow: 4px 5px 9px 0px rgba(0,0,0,0.46);
   box-shadow: 4px 5px 9px 0px rgba(0,0,0,0.46);
   background-color: #d9d4cb;
   }

   Try removing the width and max-width items in this rule, and just use the left & Right margin to indent/center the div:

   Change this:
   margin: 14px auto;

   to this:

   margin: 14px 10%;

   so that the rule now looks like this:

   .centeredPoem {
   font-size: 0.95em;
   text-align: left;
   margin: 14px 10%;
   padding: 11px 12px 3px 14px;
   -webkit-box-shadow: 4px 5px 9px 0px rgba(0,0,0,0.46);
   -moz-box-shadow: 4px 5px 9px 0px rgba(0,0,0,0.46);
   box-shadow: 4px 5px 9px 0px rgba(0,0,0,0.46);
   background-color: #d9d4cb;
   }

   With this approach we're not using width, the div by default is a block level tag and will span 100% naturally. Then we set the indent by setting left and right margins, in a rule that is already there. This should be much easier for Dreamweaver Design View to calculate and render.

   Posted 4 weeks ago
3. 

   wcamp
   

   offline

   Member

   Wow! Your suggested modification to the ".centeredPoem" rule works perfectly on each page that I view when using DW's "split" view. Now I can easily read and edit the text inside these wide text containers. DW's previous rendering of them in 1.5-inch-narrow containers made my copyediting efforts impossible!

   You knew well how to slightly modify the rule to successfully get DW to cooperate without changing the text boxes' width online.

   I thank you very much, Gerry, as do my eyes, and certainly my level of patience.

   (  ; - )

   Warren

   Posted 3 weeks ago
4. 

   Gerry
   

   offline

   PVII Team

   Thanks Warren!

   Posted 3 weeks ago

RSS feed for this topic

Reply

You must log in to post.