The space between the 2 images?

Similar Questions

• How to make a space between my two images please.

  www.bristolequestrianservices.co.UK/sales.html

  It's my css.  I want to create a space between my two images.  I keep changing my margins and padding, but then writing under keeps coming back.

  #leftContent

  {

  Width: 350px;

  border: 2px solid #366;

  float: left;

  Padding: 45px;

  margin-bottom: 10px;

  overflow: hidden;

  }

  #middleContent	{
  	Width: 350px;

  border: 2px solid #366;

  float: left;

  Padding: 45px;

  margin-bottom: 10px;

  overflow: hidden;

  }

  Something like...

  #leftContent

  {

  Width: 350px;

  border: 2px solid #366;

  float: left;

  Padding: 45px;

  margin-bottom: 10px;

  margin-right: 10px;

  overflow: hidden;

  }

• How to reduce the space between text and Image

  I am trying to wrap text around an irregular shape in InDesign CS4. I used the pen tool to mark the outlines of the image, crop the image, then selected the outline of the pen and pasted the image into the outline. With parameters defined for the TextWrap is in this dialog box, text wrapping seems in good shape on the right side, but he has too much space on the left side.

  

  If I try to reduce the space even further away, it is only on the right side of the image, not the left:

  

  It's the same thing for all my irregular images where I try to wrap the text. How can I reduce the white space to the left of the picture?

  You can use direct selection and the pen tool to change the skin path in repositioning of anchor points and guidelines and adding more anchorpoints etc. In this way, you can move the path of the scarf to the inside a little more to allow the best fit of the text.  To lock breaks in a bit more on a line-by-line, take into account settings composer to composer Adobe single-line (Control Panel menu)

  You can also try to allow hyphenation. With the text aligned to the box on the left will always left a little look gappy I think. However allowing hyphenation will get InDesign to cut the breakpoint to the left of the object with the text, as well as at the end of the line wrapping.

  Also if you change the alignment for Justified, you will also get a better result.

  On a related side note, I had usually advice my trainees do not to wrap the text on the left and right sides, when the object with the scarf is placed in the middle of a sentence. It makes reading more difficult phrases.

  Hope this helps,

  CARI

  --

  Twitter.com/carijansen

• How can I get the images sit side by side without space between?

  No matter what I try, my social media buttons are spacing themselves more than I would!

  Here is my reference page http://www.gogographics.ca/HH

  See top right and I used a span class with margin 0 on them as a last attempt to stop their spread.

  I want to get rid of a few pixels between the two to close their place - I have a background on my Connections to a very small width, but are not butting against each other.

  If anyone can help, I would be very grateful!

  Thank you!

  If you delete the spaces in your HTML code, they get closer together as planned. You can have them on different lines, but you seem to have added in a space between the tags.

  "' http://www.Facebook.com/pages/Hearts-Hands-Foundation/153171264740088' >images/facebook.gif" alt = "hearts and hands on facebook" width ="49" height = "56" style ="padding-bottom: 30px; padding-left: 25px; " "/>

  remove the space
  http://www.Twitter.com/Heartsand_Hands">remove space .

  "images/Twitter.gif" width ="47" height ="57" alt = "Hearts & hands on Twitter" style ="padding-bottom: 30px; margin: 0;" / >

  remove the space
  ' http://canmorehearts.wordpress.com/' >images/blogger.gif "alt =" "width ="46"height ="57"style ="padding-bottom: 30px; margin: 0;"/ >

  remove the space
  "images/YouTube.gif" alt = "" width ="46" height = "58" style ="padding-bottom: 30px; margin: 0;" / >

  remove the space
  "images/Flickr.gif" alt = "" width ="45" height = "58" style ="padding-bottom: 30px; margin: 0;" / >

• Photo Story 3-How do to remove the silent space between tracks

  I use Photo Story 3 to make a video.  I've imported all the photos and added 7 different pieces of music.  The program automatically leaves a silent space between pieces of music.  If an image has no music to accompany it.  How delete/erase this silent space for songs by each other.  Help with Photo Story 3 tells me how to add a silent space between pieces of music by selecting Silence in the list in the dialog box create a music Genre, but it don't tell me how to do the reverse.  Here, any help would be greatly appreciated.  I need step by step help, thanks.

  Thank you, I already look at this link to the frequently asked questions for photo story and has not found a solution.  I have done several video reports using photo story for windows in the past and never encountered this problem before.  There are no breaks between different songs that I added.

  =========================================
  Maybe you could use Movie Maker to edit music files...
  It has an option for file sharing.

  (FWIW... after having been edited each individual piece... you could also)
  Add all the music files to the timeline and save them as one
  single music file.)

  Import a music file in Movie Maker and drag it to the
  Audio / music. (Make sure that the file is moved all the)
  way to the left).

  Split the file and click right/remove the unwanted parts.

  When editing is finished... go... File / save movie file...
  and follow the instructions... the resulting file will be a. WMA
  Music file.

  If you are unable to import music files into Movie Maker you
  may have to convert them to the. WMA format to
  the compatible.

  There are to many converters available on the net...
  Some are free - some details... the following freeware
  is but one example. :

  (FWIW... it's always a good idea to create a system)
  Restore point before installing software or updates)

  Freemake - Free Audio Converter
  http://www.Freemake.com/free_audio_converter/
  (Windows XP / Vista / 7 / 8)
  (* Read * all * the installation screens... it)
  may be a few items you want to unmark *)

  When you have installed Freemake... Open Freemake
  and drag and drop your music files on the main screen.

  Or... Click left on the Audio button, then navigate to the
  your audio files are saved in the folder.

  Select (highlight) the files you want to import into
  Freemake and left, click on the button 'open '.

  When your music files are imported into Freemake,
  On the left, click on the WMA icon at the bottom of the screen.

  The "Output settings" screen opens.  Choose
  ' Save in ' file so you can find the converted files.

  On the left, click the "Convert" button and the files must be
  converted very quickly.

  That should do it...

• Setting the default paragraph unique space and NO space between paragraphs

  I tried to set the default value for MS Office 2007 VISTA to SPACE SIMPLE and checked the box where it says "don't add space between paragraphs of the same style".  I click on default and the window just to say that I'm changing things so that it's the setting by default, but IT NEVER SETS THE DEFAULT.  This is the engine we all in the Office of CRAZY!  Do you know how long it is to have to reset it each time we want to type in a Word document?  There must be a way to set this box to a single space default.  HOW DO WE PROCEED?  Help!  And please do not recommend I go to MS Outlook HELP forum.

  This article may help:

  Default line spacing and default paragraph in Word 2007 spacing are different from the default spacing in earlier versions of Word

  HAL
  --
  HAL Hostetler, TCE
  Engineer senior/UPDATED--MS MVP-Print/Imaging - WA7BGX
  www.kvoa.com - KVOA television, Tucson, AZ.
  Live Hot Licks - www.badnewsbluesband.com

• How to remove the spaces between the textfield in a horizontal layout - ADF Mobile

  

  Please tell me how to reduce the width of the 1st two textfields whose number of 971 and 50 and increase the width of the textfield "mobile".

  My code is given below

  < amx:panelGroupLayout id = "gp1" layout = "horizontal" >

  < amx:inputText value = "971" hintText = "Country Code" id = "it3" inputType = 'number' simple = "true" inlineStyle = "width: 70% margin-left: 5px" / >

  < amx:inputText value = "50" hintText = "Code" id = 'it8' inputType = 'number' simple = "true" inlineStyle = "width: 70% of margin-left: 5px" / >

  < amx:inputText value = "#{pageFlowScope.mobile_number}" hintText = 'Mobile' id = "it6" inputType = 'number' simple = "true" inlineStyle = "width: 100%" / > "

  < / amx:panelGroupLayout >.

  Width of the 1st two fields should very less that we will get that 2 or 3 numbers. Where are mobile, the width must be more as we enter the 10 numbers.

  This means that for example alignment must be as shown in the picture below. And the space between them must be equal and uniform as shown in the image below.

  

  Please help me someone

  Try using rowLayout as:

• E10 adding white space at the top of the footer image

  I tried to create an email that has a text box that is white in the Middle, surrounded by images on all 4 sides (which was an image, decided on). I have included the email below

  http://app.na.agcocorp.com/e/es.aspx?s=1524474208 & e = 697 & ELQ = 6d4fc785f9a74a2ab3c46566bfbb0908

  Anyway, no matter what I do, e-mail seems to add a 30? PX white space between images on both sides and the background image. Everything was aligned in Eloqua. I even tried to create a text box and use the following code for the background image:

  < table border = "0" cellpadding = "0" cellspacing = "0" >

  < tbody > < tr >

  < td > < img elqtitle = "" src =" " http://images.na.agcocorp.com/EloquaImages/clients/AGCOCorporation/ " {1ca5dc18-f6cd-4abe-a72d-23d0065e74c0} _PTS_FieldCheck_Footer.jpg" style = "display: block;" >

  < table > < /tr >

  < / tbody > < / table >

  Still having the same problem. It shows fine in Firefox/Chrome, but when actually sent via Outlook or Gmail, the white space appears

  Any ideas?

  Thank you!

  Hey Brandon,.

  Just before starting the maintag for your footer image you have anothertag that contains 3 empty columns)tags). All 3Tags have a height 60 attribute. In fact, if you go to your code and use browsers find function (usually Ctrl f) and type in id = "emtpy16" it takes you directly to the first of the 3Tags (i.e. id = 'emtpy16' id = 'emtpy17' id = 'emtpy18'). Delete this height and you should be good. Also, make sure that you reset your image in the style = "display: block;" or you will get space in gmail around your image.

• Why space between the divs?

  First of all I am more than a copier and paste person then a web site designer.

  I created a page layout, but have a space between the header which contains an image of the logo and a background image.  The logo is in the html code and the background of the header is in the css.  I put the css in the head section, so I wouldn't have to upload a separate .css file.  Also, how would I make the navigation menu appears as soon as the last link or nexus 7 sample is pushed to the bottom of a line?

  Thanks for your suggestions!

  Here is a link to the www.googledrive.com/host/0B39bIUNDgs_JWUF6b0ZONHdLTnc/ page

  And here's the code.

  <! DOCTYPE HTML >

  < HEAD >

  <! DOCTYPE html PUBLIC "" "" > < HTML lang = "en" > < HEAD > < META content = "IE = 11.0000" http-equiv = "X-UA-Compatible" > ".

  < META charset = "utf-8" >

  < META http-equiv = "X-UA-Compatible" content = "IE = edge, chrome = 1" >

  < TITLE > Introduction to design sensible Web < /title >

  < META name = "viewport" content = "width = device-width, original scale = 1" >

  < META name = "GENERATOR" content = "MSHTML 11.00.9600.18212" >

  <!-STYLE CSS START->

  < style >

  {body

  do-family: Helvetica, Arial, without serif.

  padding: 0px auto;

  margin: 0px auto;

  color: #555;

  background: #a6b17a;

  }

  IMG {}

  Max-width: 100%;

  height: auto;

  margin: 0px 0px 0px 0px;

  }

  /* -------------------- HEADER -------------------- */

  {div.} Header

  background-image: url(images/headerbkgnd.jpg);

  background-color:;

  padding: 0px auto;

  height: auto;

  }

  /* -------------------- CONTAINER -------------------- */

  {div. Container}

  Width: 85%;

  height: auto;

  background-color:;

  margin: 0px auto;

  padding: 0px auto;

  -webkit-box-shadow:-1px 10px 0px 3px rgba (0,0,0,0.75);

  -moz-box-shadow:-1px 10px 0px 3px rgba (0,0,0,0.75);

  box-shadow:-1px 10px 0px 3px rgba (0,0,0,0.75);

  }

  /* -------------------- NAVIGATION -------------------- */

  {div. MenuBar}

  Width: 100%;

  height: auto;

  padding: 0px auto;

  margin: 0px auto;

  background-color: #000;

  }

  {UL.topnav}

  list-style-type: none;

  margin: 0;

  padding: 0;

  overflow: hidden;

  background-color: #333;

  }

  UL.topnav li {}

  float: left ;}

  UL.topnav li a {}

  display: inline-block;

  color: #f2f2f2;

  text-align: center;

  padding: 10px, 12px;

  text-decoration: none;

  transition: 0.3 sec.

  do-size: 12px;

  do-family: Arial, Helvetica, without serif.

  }

  ul.topnav Li a: hover {}

  background-color: #111;

  color: Red;

  }

  UL.topnav li.icon {display: none ;}}

  /* -------------------- BODY CONTENT -------------------- */

  {div. Body-content

  min-height: 515px;

  padding: 0px auto;

  background-color: #FFF;

  }

  /* -------------------- FOOTER -------------------- */

  div.footer {}

  background-color: #000;

  color: #FFF;

  padding: 0px 0;

  text-align: center;

  height: 75px;

  do-size: 12px;

  make-weight: bold;

  }

  / * - RESPONSIVE CSS-* /.

  @media screen and (max-width: 680px) {}

  UL.topnav li: not(:first-child) {display: none ;}}

  UL.topnav li.icon {}

  float: right;

  display: inline-block;

  }

  }

  @media screen and (max-width: 680px) {}

  {UL.topnav.Responsive}

  position: relative;

  }

  UL.topnav.Responsive li.icon {}

  position: absolute;

  right: 0;

  top: 0;

  }

  UL.topnav.Responsive li {}

  float: none;

  display: inline;

  }

  UL.topnav.Responsive li a {}

  display: block;

  text-align: left;

  }

  }

  < / style >

  <! - END CSS STYLE - >

  < / head >

  < body >

  < div class = "container" > <!-CONTAINER START->

  <! - check out header - >

  < div class = "header" >

  < img src = "images/lt350.jpg" alt = "Logo" > "

  < / div >

  <!--end Header-->

  <! - START MENUBAR & NAVIGATION - >

  < div class = "menu bar" >

  UL class = "Visibility" >

  < li > < a class = "active" href = "#home" > home < /a > < /li >

  < li > < a href = "#" > Sample Link 1 < /a > < /li >

  < li > < a href = "#" > Sample Link 2 < /a > < /li >

  < li > < a href = "#" > Sample Link 3 < /a > < /li >

  < li > < a href = "#" > Sample Link 4 < /a > < /li >

  < li > < a href = "#" > Sample Link 5 < /a > < /li >

  < li > < a href = "#" > example link 6 < /a > < /li >

  < li > < a href = "#" > example link 7 < /a > < /li >

  < class li = "icon" > < a href = "javascript:void (0);" "style =" do-size: 15px; " "onclick ="myFunction ()"> & #9776; < /a > < /li >

  < /ul >

  < / div >

  <!--END MENUBAR & NAVIGATION - >

  <!--> CONTENT in the BODY of the BEGINNING

  < div class = "body-content" > < / div >

  <!--> CONTENT BODY END

  <!--> START PAGE foot

  < div class = "footer" > < / div >

  <! - END footer - >

  < / div > <! - END CONTAINER - >

  <!--> STARTUP SCRIPT REACTIVE

  < script >

  Function myFunction() {}

  document.getElementsByClassName ("topnav") [0].classList.toggle ("responsive");

  }

  < /script >

  <! - END SCRIPT REAGENT - >

  < / body >

  < / html >

  Remove the space under the logo image - add your css stylesheet below

  . Header img {}

  vertical-align: bottom;

  }

  How to evoke the Burger menu earlier - change the value of px 900px in both your support queries:

  @media screen and (max-width: 900px)}

• Need a Script to the space of images on a total gap, then tag each image with the percentage of the total image space

  By editing the other scripts, I found here and other sites (including the labels size rorohiko), I worked on a script that will each image with the dimensions of the label and calculate the percentage of the spread of everything (including the text, white space).

  Now, I was invited to a script that tagged the images with the percentage of total image on a gap space. This script is so space images on a total gap, then tag each image with the percentage of the total image space. For example if there is an image that is 10 x 10 inches and four pictures that are images of 2.5x2.5, 10 x 10 would be tagged with 50% and the 2.5x2.5 would be tagged with 12.5%.

  This is the script that does the percentage of total circulation. Can some clever person get to do what I need?

  Suze

  (Sorry, I don't know how to post the script here with line numbers!)

  //

  This script adds printing of information labels to each graphic image. The labels are on a separate layer

  named "PercentageLabels" so that all these added labels can be removed again by simply removing

  the layer.

  //

  If you move or resize items, simply re-run the script to update the labels.

  //

  Before (re) start the script, you can define a paragraph style "SizeLabelStyle".

  This style will apply to all content on labels.

  //

  Before (re) start the script, you can set a style of object 'SizeLabelObjectStyle '.

  This style of object apply to all executives of the label - so if you want a specific background

  fill out or frame, do it through this object style.

  //

  You can change the units of the size label. I put in inches. Change the line below that has

  kUnitToUse - you can use:

  MeasurementUnits.CENTIMETERS

  MeasurementUnits.CICERO

  MeasurementUnits.INCHES

  MeasurementUnits.MILLIMETERS

  MeasurementUnits.PICAS

  MeasurementUnits.PIXELS

  MeasurementUnits.POINTS

  //

  By default the script will not attempt to label the "nested" images If you also want to label

  nested images (for example inline images, anchored frames, pasted images in the images,...) to change the line

  below to read:

  kLabelNestedItems = 1

  //

  If you want a specific image to stay without a label, you can use the Script label palette for

  assign a script called 'ignore' for this frame. The script will then not label this framework to the

  the title of the script is removed again.

  //

  Change the lines with kDontLabelImageFrames, kDontLabelTextFrames, kDontLabelOtherFrames

  below if you want to restrict labelling to only certain types of images: replace the '0'

  in "1" to enable these options.

  //

  Change the line with kShowImageFileName if you also want to display the names of the image in the

  size for the picture frames.

  //

  Small frames are not labelled - the cutoff point is currently a less than 0.1 inch high framework

  or 0.1 inch wide. You can change the cutoff point by adjusting the lines with kDontLabelBelowWidth

  or kDontLabelBelowHeight below.

  //

  var Girard;

  var gScriptFile;

  var gCaches;

  // ****************

  That's cheating spread automatically calculated

  var doc = app.activeDocument;

  doc.viewPreferences.horizontalMeasurementUnits = MeasurementUnits.inches;

  doc.viewPreferences.verticalMeasurementUnits = MeasurementUnits.inches;

  PageWidth = doc.documentPreferences.pageWidth var;

  stucture var pagewidth = * 2;

  var spreadheight = doc.documentPreferences.pageHeight;

  var spreadsquinch = stucture * spreadheight;

  Alert ("the total measure of square inch of spread is:" + spreadsquinch);

  //******************

  VR;

  {

  If (app.activeScript instanceof file)

  {

  var gScriptFile = app.activeScript;

  }

  }

  catch (Girard)

  {

  }

  If (typeof (kLogLevel) is "undefined")

  {

  const kLogLevel = 5;

  const kMaxLogNestLevel = 5;

  const kLogToMessageBox = 0;

  const kLogToConsole = 0;

  const kLogToFile = 0;

  const kLogFileName = "PercentageLabels.log";

  const kIgnoreFrameLabel = "ignore."

  const kSizeLabelLayerName = "PercentageLabels";

  const kLabelNestedItems = 0;

  const kDontLabelImageFrames = 0;

  const kDontLabelTextFrames = 1;

  const kDontLabelOtherFrames = 0;

  const kUnitToUse = MeasurementUnits.INCHES;

  const kShowImageFileName = 0; This set to 1 to precede the name of the image file in the tag

  Below all of the measures are expressed in kUnitToUse (e.g. inches if MeasurementUnits.INCHES is used)

  const kRoundToDecimals = 2;

  The separator to use between objects - for example MyImage.jpg - 7.22 x 9,34

  const kSeparatorBetweenNameAndSize = "-";

  const kSeparatorBetweenHeightAndWidth = "H x"; "

  const kSeparatorAfterWidth = "W";

  const kDontLabelBelowWidth = 0.1; In kUnitToUse

  const kDontLabelBelowHeight = 0.1; In kUnitToUse

  const kLabelStyleName = "SizeLabelStyle";

  const kLabelObjectStyleName = "SizeLabelObjectStyle";

  const kLabelHeight = 0.6; In kUnitToUse

  const kLabelWidth = 2.5; Expressed in kUnitToUse (e.g., inches).

  }

  var gRunState =

  {

  logToMessageBox: kLogToMessageBox,

  logToConsole: kLogToConsole,.

  logToFile: kLogToFile,.

  functionNestLevel: 0,

  logFunctionEntry: true,

  logFunctionExit: true,

  logLevel: kLogLevel,.

  logFileName: kLogFileName

  };

  Main();

  // ****************

  function ConvertToFrame (thePageItem)

  {

  / * / / / LogEntry ("ConvertToFrame");

  var retVal = thePageItem.getElements () [0];

  / * / / / LogExit ("ConvertToFrame");

  Return retVal;

  }

  // ****************

  function CollectionToArray (theCollection)

  {

  / * / / / LogEntry ("CollectionToArray");

  var retVal = theCollection.everyItem () .getElements () .slice (0);

  / * / / / LogExit ("CollectionToArray");

  Return retVal;

  }

  // ****************

  function GetImageFile (pageItem)

  {

  / * / / / LogEntry ("GetImageFile");

  var imageFile = null;

  do

  {

  Try

  {

  pageItem = ConvertToFrame (pageItem);

  If (!) (("allGraphics" in pageItem))

  {

  break;

  }

  var allGraphics = pageItem.allGraphics.slice (0);

  If (allGraphics.length == 0)

  {

  break;

  }

  var chart = allGraphics [0];

  var graphic.itemLink = link;

  imageFile = new File (link.filePath);

  }

  catch (Girard)

  {

  }

  }

  While (false);

  / * / / / LogExit ("GetImageFile");

  return imageFile.

  }

  // ****************

  function GetImageName (pageItem)

  {

  / * / / / LogEntry ("GetImageName");

  var imageName = "";

  do

  {

  var imageFile = GetImageFile (pageItem);

  If (imageFile is nothing)

  {

  break;

  }

  imageName = imageFile.displayName;

  }

  While (false);

  / * / / / LogExit ("GetImageName");

  return imageName;

  }

  // ****************

  function GetOuterPageItem (pageItem)

  {

  / * / / / LogEntry ("GetOuterPageItem");

  var retVal = null;

  do

  {

  Try

  {

  retVal = pageItem.parent;

  If (retVal instanceof spread | retVal instanceof Page)

  {

  retVal = pageItem;

  break;

  }

  If (retVal instanceof character)

  {

  retVal = GetOuterPageItem(retVal.parentTextFrames[0]);

  break;

  }

  }

  catch (Girard)

  {

  retVal = null;

  }

  }

  While (false);

  / * / / / LogExit ("GetOuterPageItem");

  Return retVal;

  }

  // ****************

  function LogMessage (message, collapseLines)

  {

  If (gRunState.logToConsole)

  {

  $.writeln (message);

  }

  If (gRunState.logToFile)

  {

  var logFile = new file (gScriptFile.parent + "/" + gRunState.logFileName);

  var now = new Date();

  logFile.open ("a");

  logFile.write (now.toString () + ":"+ message + "\n" ');

  logFile.close ();

  }

  If (gRunState.logToMessageBox)

  {

  Alert (message);

  }

  }

  // ****************

  LogEntry (message) function

  {

  If (gRunState.logFunctionEntry)

  {

  If (gRunState.functionNestLevel < kMaxLogNestLevel) {}

  for (var idx = 0; idx < gRunState.functionNestLevel; idx ++)

  {

  message = "" + message;

  }

  Filled (message + "<", true);

  }

  }

  gRunState.functionNestLevel ++;

  }

  // ****************

  function LogError (message)

  {

  If (gRunState.logLevel > = 1).

  {

  LogMessage ("* ERROR *:" + message, false);

  }

  }

  // ****************

  function LogExit (message)

  {

  -gRunState.functionNestLevel;

  If (gRunState.functionNestLevel < 0)

  {

  LogError ("LogExit: unbalanced nesting of function");

  }

  If (gRunState.logFunctionExit)

  {

  If (gRunState.functionNestLevel < kMaxLogNestLevel) {}

  for (var idx = 0; idx < gRunState.functionNestLevel; idx ++)

  {

  message = "" + message;

  }

  Filled (message + ">", true);

  }

  }

  }

  // ****************

  function LogNote (message)

  {

  If (gRunState.logLevel > = 3)

  {

  LogMessage ("Note:" + message, false);

  }

  }

  // ****************

  function LogWarning (message)

  {

  If (gRunState.logLevel > = 2)

  {

  LogMessage ("WARNING:" + message, false);

  }

  }

  // ****************

  function Main()

  {

  / * / / / LogEntry ("Main");

  var savedUserInteractionLevel = app.scriptPreferences.userInteractionLevel;

  app.scriptPreferences.userInteractionLevel = UserInteractionLevels.NEVER_INTERACT;

  do

  {

  Try

  {

  activeDocument var = app.activeDocument;

  If (!.) (activeDocument instanceof Document))

  {

  LogError ("hand: activeDocument isn't a Document");

  break;

  }

  var savedHorizontalMeasurementUnits = activeDocument.viewPreferences.horizontalMeasurementUnits;

  activeDocument.viewPreferences.horizontalMeasurementUnits = kUnitToUse;

  var savedVerticalMeasurementUnits = activeDocument.viewPreferences.verticalMeasurementUnits;

  activeDocument.viewPreferences.verticalMeasurementUnits = kUnitToUse;

  var savedRulerOrigin = activeDocument.viewPreferences.rulerOrigin;

  activeDocument.viewPreferences.rulerOrigin = RulerOrigin.PAGE_ORIGIN;

  do

  {

  Try

  {

  ProcessFrames (activeDocument);

  }

  catch (Girard)

  {

  Alert ("the script encountered a situation that we don't know how to handle. "He received the error, says '" + Parker + "' in Main()"); "."

  }

  }

  While (false);

  activeDocument.viewPreferences.rulerOrigin = savedRulerOrigin;

  activeDocument.viewPreferences.horizontalMeasurementUnits = savedHorizontalMeasurementUnits;

  activeDocument.viewPreferences.verticalMeasurementUnits = savedVerticalMeasurementUnits;

  }

  catch (Girard)

  {

  Alert ("the script encountered a situation that we don't know how to handle. "He received the error, says '" + Parker + "' in Main()"); "."

  LogError ("Hand throw" + Girard);

  }

  }

  While (false);

  app.scriptPreferences.userInteractionLevel = savedUserInteractionLevel;

  / * / / / LogExit ("Main");

  }

  // ****************

  function ProcessFrames (doc)

  {

  / * / / / LogEntry ("ProcessFrames");

  var err;

  do

  {

  If (!.) (doc instanceof Document))

  {

  LogError ("ProcessFrames: doc should be a Document");

  break;

  }

  Try

  {

  var existingLayer = doc.layers.itemByName (kSizeLabelLayerName);

  existingLayer.id;

  existingLayer.remove ();

  }

  catch (err)

  {

  }

  If (kLabelNestedItems)

  {

  var pageItems = doc.allPageItems.slice (0);

  }

  on the other

  {

  var pageItems = CollectionToArray (doc.pageItems);

  }

  var frameReferences = [];

  for (var pageItemIdx = 0; pageItemIdx < pageItems.length; pageItemIdx ++)

  {

  do

  {

  var pageItem = pageItems [pageItemIdx];

  If (pageItem.itemLayer.name is kSizeLabelLayerName)

  {

  break;

  }

  var pageItem = ConvertToFrame (pageItem);

  If (instanceof TextFrame pageItem)

  {

  If (kDontLabelTextFrames)

  {

  break;

  }

  }

  ElseIf (pageItem graphic instanceof)

  {

  If (kDontLabelImageFrames)

  {

  break;

  }

  }

  on the other

  {

  If (kDontLabelOtherFrames)

  {

  break;

  }

  }

  If (pageItem.label.toLowerCase () is kIgnoreFrameLabel)

  {

  break;

  }

  var width = pageItem.geometricBounds [3] - pageItem.geometricBounds [1];

  var height = pageItem.geometricBounds [2] - pageItem.geometricBounds [0];

  If (width < kDontLabelBelowWidth)

  {

  break;

  }

  If (height, kDontLabelBelowHeight)

  {

  break;

  }

  frameReferences.push (pageItem);

  }

  While (false);

  }

  var sizeLabelLayer = doc.layers.add ({name: kSizeLabelLayerName});

  for (var pageItemIdx = 0; pageItemIdx < frameReferences.length; pageItemIdx ++)

  {

  Try

  {

  var pageItem = frameReferences [pageItemIdx];

  var width = pageItem.geometricBounds [3] - pageItem.geometricBounds [1];

  var height = pageItem.geometricBounds [2] - pageItem.geometricBounds [0];

  var labelItem = doc.textFrames.add (null, LocationOptions.BEFORE, GetOuterPageItem (pageItem));

  labelItem.itemLayer = sizeLabelLayer;

  var boxsquinch = width * height

  var boxpercent = (boxsquinch / spreadsquinch) * 100

  var roundpercent = Math.round (boxpercent)

  var labelText = "";

  If (kShowImageFileName)

  {

  var imageName = GetImageName (pageItem);

  If (imageName! = "")

  {

  labelText += imageName + kSeparatorBetweenNameAndSize;

  }

  }

  labelText += RoundString (height, kRoundToDecimals) + kSeparatorBetweenHeightAndWidth + RoundString(width, kRoundToDecimals) + kSeparatorAfterWidth + ' \r\n'+ roundpercent + '% ';

  labelItem.contents = labelText;

  xPos = pageItem.geometricBounds var [1];

  yPos = pageItem.geometricBounds var [0] + kLabelHeight;

  labelItem.geometricBounds is [Posy, xPos, yPos + kLabelHeight, xPos + kLabelWidth];.

  Try

  {

  labelItem.parentStory.characters.everyItem () .appliedCharacterStyle = doc.characterStyles.item (0);

  }

  catch (err)

  {

  }

  Try

  {

  labelItem.parentStory.paragraphs.everyItem () .appliedParagraphStyle = kLabelStyleName;

  }

  catch (err)

  {

  }

  Try

  {

  labelItem.appliedObjectStyle = doc.objectStyles.itemByName (kLabelObjectStyleName);

  }

  catch (err)

  {

  }

  }

  catch (err)

  {

  }

  }

  }

  While (false);

  / * / / / LogExit ("ProcessFrames");

  }

  // ****************

  function RoundString (numVal, decimal)

  {

  / * / / / LogEntry ("Round");

  var retVal = Math.round (numVal * Math.pow(10,decimals)) + "";

  retVal = retVal.substring(0,retVal.length-decimals) + "." + retVal.substring(retVal.length-decimals);

  / * / / / LogExit ("Round");

  Return retVal;

  }

  What do you mean?

  var myDoc = app.activeDocument;
  var mySpreads = myDoc.spreads;
  var myRectangles = myDoc.rectangles;
  var myImages = 0;
  for (var i = 0; i < mySpreads.length; i++) {
      var mySpreadWidth = 0;
      var mySpreadHeight = myDoc.documentPreferences.pageHeight;
      for (var j = 0; j < mySpreads[i].pages.length; j++) {
          mySpreadWidth += myDoc.documentPreferences.pageWidth;
          }
      var mySpreadArea = mySpreadWidth * mySpreadHeight;
      var myImages = mySpreads[i].rectangles;
      var myTotalImageArea = 0;
      var myIndividualImageArea = [];
      for (var j = 0; j < myImages.length; j++) {
          var myImageGeometricBounds = myImages[j].geometricBounds;
          var myImageWidth = myImageGeometricBounds[3] - myImageGeometricBounds[1];
          var myImageHeight = myImageGeometricBounds[2] - myImageGeometricBounds[0];
          myIndividualImageArea[j] = (myImageWidth * myImageHeight);
          myTotalImageArea += myIndividualImageArea[j];
          }
      for (var j = 0; j < myIndividualImageArea.length; j++) {
          alert("Image percentage of total images on spread " + (i + 1) + " = " + (myIndividualImageArea[j] * 100) /myTotalImageArea);
          }
     alert("Total image percentage on spread " + (i + 1) + " = " + myTotalImageArea);
     }
  

• Can I borrow a space between the previous paragraph?

  Can someone help me how to get the following provision in a convenient way (see image)?

  Each has its own verse begins paragraph by a number superscript. The italicized text are references that appear at the end of the verse they cover. If there is room at the end of this verse (see verse '7' in the image attached), the cross reference is placed on the last line of this paragraph. But if there is no room for all of the last line of the verse reference I put below, either completely (see "3" and "6") or partially (see ' 1 'through ' 9').

  Given that paragraphs are justified with the last line aligned to the left I put now a hard return before all that go not the cross reference, a soft return (SHIFT + ENTER) would cause the last line of the verse thus justified. But this creates an inconsistency that bothers in my styles. Sometimes, cross-references will be part of the same paragraph for his verse, sometimes it won't and sometimes will separate the cross-references between two paragraphs. Is it possible to have all the cross-references in their own points and let them "borrow" the amount of empty space between the previous paragraph to make the appearance of the image? Or should I fix this manually from verse to verse?

  

  Bibles exist a specific plugin or a system for InDesign. Problem, it is only available for the Bible societies, I forgot the name.

  But I often have to put in place the texts of the Bible, I do so:

  Nested style up the letter for the verse number, Normal main text

  Shift tab before the reference part, that changes the font for the character for the References style.

  can I use a space m with references

  The space m is used as the distance between the text and reference support.

  The base style uses a smaller font and no break, that is kept grouped, except if it becomes longer than a line, I have to use a manual line break followed by an another tabulator shift, but I think that it would be possible to automate more.

• Could not apply the background image available to the Group Panel in demand for space

  I tried to apply the background image available to the Group Panel class css as well as with the style inline like below

  background-image: url('/content/conn/intra-dot-content/path/mywebcenter/lever/backgroundmain.jpg'); background-position: center; background-repeat: repeat-y;

  The background image is not displayed. but it works with the layout of the border Panel. Does work around the issue

  You can style the layout of the group with combination adf skinning and css as a performer below

  . My-in-head-container {}

  Background: # 4 7800 url(/portal/images/website/header.png) high horizontally at the Center;

  position: relative;

  z index: 600;

  }

  {AF | panelGroupLayout.Content.Banner}

  margin-top: 0px;

  padding: 0;

  border: none;

  margin-bottom: 0px;

  padding-bottom: 15px; / * to fix the space between the header & content - min * /.

  background-color: transparent; / * to fix the space between the header & content - min * /.

  position: relative;

  overflow: hidden;

  }

  Then, you can see the style only

  styleClass = "my-in-head-container banniΦre" rendered = "#{! composerContext.inEditMode}" id = "pt_pgl2" > "

• There is little space between the paths, please help me solve this problem

  Hello everyone, I have little doubt on the trail. I have this problem every time, I searched and found no answer.

  There is little space between the two tracks of different colors. There are image below to show the more open problem.

  Thanks for help.

  

  sscayir,

  It seems that the artifact/Anti-Aliasing screen problem so often discussed here.

  You can get rid of it by uncheck work of Anti-Aliasing in Edit > Preferences > General, see more of pixelation on screen, but you will probably find that the artifact remains the same size when you zoom in and that he will not appear in the PDF files, print, and images raster created by export or save for Web. and again, it can be a real problem.

  Who is this?

• Remove the space between the title and the content

  Does anyone know how to remove or reduce empty space between the header content and written in the body?  My position is only 22px but always creates a huge gap or empty space above and below.  I don't know if you need this little information but I also insert an image of a horizontal line after the title that is normally as underscore.  I don't think it makes a difference, but can you please, please, please help by providing a code?  Thank you.

  Looks like the margins of default browser for me.

  Try to add to your CSS.

  H4 {margin-bottom: 0}

  p {margin-top: 0}

  Nancy O.

• Carriage returns in the HTML Code, creating additional spaces between elements

  I looked everywhere online and cannot find the solution to my problem. I found several pages explaining a similar event, but no solution.

  When you put several divs side by side, I would like to visually display the code as a div by line: (see image) to do this, I have to use returns in my code (this method makes editing much easier visually). But doing so adds an extra space between the divs that turns a game of 3 columns of thumbnails to 2 columns. I can fix it if I adjust the physical margins between the divs, but this isn't the only solution.

  

  The other difficulty is that if I put the code back to back to back (see picture): what makes the div behave and appear as they should, but now the code is a Visual disorder because it is very crowded.

  

  What I want is to be able to use as many carriage returns in my code and for browsers to ignore these types of line breaks in the code. So, basically, how can I get away from these extra spaces when you use returns in the code?

  I think that your two pages have a missing at the end somewhere.

  OPPS... it happened when I was stripping down the page to create a working example of my question. I set the div missing and re-uploaded both pages. The problem is still there.

  Change display: inline; float: left; and add margin: 0 0 4px 4px; (as shown below)

  I had already tried to use floats, but something else in the code forced the columns to 2 instead of 3.

  'Apply Source Formatting' did you use?

  I use that religiously. I'm quite anal about visually clean code.

  Well, I just fixed the problem while responding... funny... I removed the margins of the element img real (.imageThumb img) and placed on the div that surrounds the img (.imageThumb). I also reapply the float. Thank you all for the help - it helped me rethink. But I could have sworn I had once placed the margins on .imageThumb before and it didn't work.

  {.imageThumb}

  Width: 100px;

  height: 75px;

  display: inline;

  float: left;

  margin: 0px 10px 10px 0px;

  cursor: pointer;

  }

  .imageThumb img {}

  / * margin: 0px 10px 10px 0px; * /

  }