Element position regulation

Similar Questions

• Element positioning Please Help Web site

  I am redesigning a web site I did for my small business to parents and I don't know how to do this thing properly.

  I'll include the website, so if someone is willing they have access to the source code viewing.

  www.actheatingandcooling.com

  The problem I have is I am just placing the text on top of an image, but at the same time, I want the page stay Center in the window of the web browser then expanded or compressed. The page currently operates to how I want it, but it requires a lot of work further and all the apdiv should be included after the elements on the page. Which translates to the need for a negative number in the style apdiv for example.

  {#temp}

  position: relative;

  Left: 30px;

  top:-300px;

  Width: 840px;

  height: 226px;

  z-index: 2;

  text-align: center;

  }

  I know that apdiv is for absolute positioning, but it is the only way I could find a way to get the page to look at how it works. I'm sure it's a mistake, how can I do this correctly? A book that I read mentioned something similar to this and said to wrap a an absolute position with a relative label is that the answer? If so how do you do that because the authors just mentions in passing and does not explain everything yet.

  It works on most of the browsers I checked but in safari adds 300 pixels down the page too, which does not look great and is worse than the div elements add up and the pages go on way longer than necessary. If someone is willing to look and the code source and tell me how it correctly I would appreciate greatly help.

  Novice in over his head,

  Joe

  There are several ways to place text on an image.

  1. in your image editing program, add the text you want to the image itself.  OR

  2. in DW, place your image as a background for any container it's in, then enter your text on the image.

• Help with element position fixed on the screen, with a difference to follow!

  Hi guys

  While I don't have any examples online, it will be easier for you and I want to help explain my layout.

  I have a single page site, with 4 sections vertically. Each section is a div to 100% width and a height of 1200px to fill screen of the user, and obviously, this div contains a lot of divs for content.

  Now in a section, I want my navigation bar to ADOPT the screen as it scrolls down but does not scroll in the section located below or above it. So I put the item Nav to have this CSS code:

  .hostingBackgroundWrap .nav {}

  Width: 150px;

  height: 100px;
  

  float: left;

  position: fixed;

  left: 0px;

  background-image: url(images/td_bg3.png)

  It works ALMOST well. It follows the screen down, he won't go in the section below when I scroll down... but it spread in the previous sections if I scroll to the top of the screen.

  Here is the CSS code for the .hostingBackgroundWrap just in case it is necessary, which is be more or less the same coding for each of the sections above and below.

  {.hostingBackgroundWrap}

  height: 1200px;

  Width: 100%;

  background-repeat: repeat;

  border-top-width: 0px;

  border-right-width: 0px;

  border-bottom-width: thick;

  border-left-width: 0px;

  border-bottom-style: solid;

  border-bottom-color: #30312F;

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

  position: relative;

  Thank you!

  Can you please put to the top of your file online on your server and give us a link?

  What you want to achieve is called a "post-it". There is a pure jQuery plugin that will do just fine for your needs. Take a look here: http://labs.anthonygarand.com/sticky

• Element input event and oninput

  I'm trying to get a user input to work. I found a code on this forum to create the input field and add it to the stage, that works well.

  I would use the oninput event generated by the input field. I can listen to the event if I use the d.oninput (see code below), but I can't access this.gotoAndStop () from inside the event handler (gives a TypeError). Makes me think that there is a problem with the scope.

  I went back to the documentation of createjs and they suggest dcjs.d. event should do, but I get an error with that too - TypeError: dcjs is not defined. I tried with the onclick event following their example, but who gave the same error.

  I can get around it and the use of an indicator in a timer to check if you need to reset (which is what gotoAndStop (69) fact), but seems a shame.

  The code that creates the element:

  Create the input element

  var d = document.createElement ("input");

  d.style.Visibility = 'hidden ';

  d.style.position = 'absolute ';

  d.style.Left = 0;  defines 'the origin' to (0,0)

  d.style.Top = 0;

  d.setAttribute ("type", "text");

  round = 10;

  d.Height = "80";

  d.ID = 'inputField ';

  d.Value = 5;    Initial value in the input field

  Attach the element of CreateJS stage

  canvas.parentNode.appendChild (d);

  DCJS var is new createjs. DOMElement (d);

  DCJS.x = 55;  element position here

  DCJS.y = 105;

  stage.addChild (dcjs);

  It works, except for the call to this.gotoAndStop (69) creates a TypeError - does not recognize the function

  d.oninput = function() {}

  var entry = Number (d.value);

  If (isNaN (input)) {}

  Alert ("enter a number");

  } else {}

  printNumber();

  this.gotoAndStop (69);

  this.placeHolders (3, 4);

  }

  }

  It does not work - TypeError - does not recognize dcjs.d

  DCJS.d.oninput = function() {}

  Console.log ("Input");

  }

  Try:

  Create the input element

  var d = document.createElement ("input");

  d.style.Visibility = 'hidden ';

  d.style.position = 'absolute ';

  d.style.Left = 0; defines 'the origin' to (0,0)

  d.style.Top = 0;

  d.setAttribute ("type", "text");

  round = 10;

  d.Height = "80";

  d.ID = 'inputField ';

  d.Value = 5; Initial value in the input field

  Attach the element of CreateJS stage

  canvas.parentNode.appendChild (d);

  DCJS var is new createjs. DOMElement (d);

  DCJS.x = 55; element position here

  DCJS.y = 105;

  stage.addChild (dcjs);

  It works, except for the call to this.gotoAndStop (69) creates a TypeError - does not recognize the function

  var tl = this;

  d.oninput = function() {}

  Console.log ('input');

  var entry = Number (d.value);

  If (isNaN (input)) {}

  Alert ("enter a number");

  } else {}

  printNumber();

  tl.gotoAndStop (69);

  this.placeHolders (3, 4);  have not now what it is supposed to do but is probably problematic

  }

  }

  It does not work - TypeError - does not recognize dcjs.d

  /*

  DCJS.d.oninput = function() {}

  Console.log ("Input");

  }

  */

• How to hide post text of item in page element

  Hi friends,
  
  I have a page titled Justification in which under the element text of this article post I give as
  

  <br><div style="color:blue" font size="1">(240 char max)</font></div>

  Inorder to view a note behind the element.
  
  But the element of justification page must don't come until after checking the page of another element called reason (which is an option button). So for this I wrote a DA(hide/show) for display of the justification of the point of the page only when the page right element is checked.
  
  But the problem is that the text of element position within this element of page Justification does not hide with this element (in the DA).
  
  
  How can I hide the text of item post in the justification for page element. so I can see this text when the reason page element box is checked as well as the justification for a page element.
  
  Brgds,
  Mini

  Hey Mini,

  I just write bad :/

  The function is $x_Hide () not $p_Hide ();

  Thnx

• Positioning of the quiz slide objects

  I'm working on a project, Captivate 5, with many slides of quiz. The questionnaire slides have implemented project by someone else. I need to move different quiz slide objects (submit button "back" button "clear" key, the question text, review area, legend of suspicion, etc.).

  These items must be moved to the same position in all the slides in the quiz. I've been moving these items in one place and it's very tedious.

  Is it possible to create a style for all these objects move on all the slides in the questionnaire at the same time?

  Each of the items you mention on the quiz slide are a special type of object in Captivate.

  So although the object Styles does not allow you to specify the coordinates X and Y of an object, you CAN simply move one of these objects on a slide where you want them all and then go to the accordion in Position and size properties (accordion in Cp5.5 Transform) tab, look for the small dropdown in the upper right the accordion and choose the option apply to all items.

  

  The name is a bit misleading because it make you believe it will actually be the adjustment of positioning of each element in the project.  But the fact is that it it will only apply to items OF THE SAME TYPE OBJECT. So well that you would never do something like text captions in the main part of your project, you can do it safely for things like Submit, Clear, back, and buttons in quiz slides because all of them are in fact totally different types of objects to the extent of the Captivate is concerned.

  Note also the possibility to apply it to all elements of the same style.  This means that you can create custom styles and apply them to only certain buttons or legends, if you wanted to only CERTAIN elements positioned in a certain way, while all the other elements should keep their original position.

• Disable/hide the message text element image of a field of text in javascript

  Hi friends,
  
  I added a text of element position for one of the textfield object in my page as
  

  <img src="#IMAGE_PREFIX#ws/small_page.gif" onclick="javascript:popUp2('f?p=&APP_ID.:99:&SESSION.::NO::P89_select:2', 500, 500);" />

  Which will display a page when click the image
  
  I want to disable the textfield depending on certain conditions. I do it in javascript. The text field is disabled
  but the message text image is present and is clickable. I want to hide or disable the image displayed in the message as well item. Is it possible to do so. Help, please
  
  Thank you
  TJ

  Hello

  If you try to hide the entire line where the point is?
  http://download.Oracle.com/docs/CD/E14373_01/apirefs.32/e13369/javascript_api.htm#CHDIIJHG

  Or it works if you wrap your article to the div tag and try to hide
  Add to the text of item pre

  end post text element