Trouble positioning html objects

I'm having a lot of trouble positioning html elements such as paypal buttons and video players (jwplayer). They look fine in design mode but the exported html is completely unpredictable. Is anybody else experiencing this problem?

I haven't seen this problem personally. there may be some unnecessary positioning code in the HTML/CSS/PHP that is involved with the code that you are trying to paste into Muse.
What would be needed to resolve your issue is the following:
1) a screenshot of your positioning in Muse' Design Mode.
2) a screen shot of the resulting position in Prieview or Publish.
3) the actual HTML code that you are pasting in.

Similar Messages

Sub menu going behind the BOL using HTML object in IE

when i am implementing PDFs bol object in my webpage using simple html object, it is displaying well in both chrome and Explorer( IE
11). The main problem is the sub menu's of main navigation(sub menu) is going behind of PDFs viewer in Explorer (IE) . And one more thing all the position attributes and z-index values are fine . This is a problem with object . please show me solution. I am
not able to create fiddle for this. for more details see my below code and run in your Internet Explorer browser and hover
the "step 2" navigation menu.
<!DOCTYPE html>
<html>
<head>
<style>
body{margin:0 auto;width:500px;}
header{height:60px;background:#ccc;}
ul#mainnav{list-style:none;display:block;}
ul#mainnav li{float:left;width:80px;}
ul#mainnav li#step2 ul#submenu{display:none;list-style:none;margin-margin-}
ul#mainnav li#step2:hover ul#submenu{display:block;}
ul#mainnav li#step2 ul#submenu li{float:none;height:30px;border-bottom:1px solid #fff;background:#000;color:#fff;display:block;}
</style>
</head>
<body>
<header>
<ul id="mainnav">
<li>step1</li>
<li id="step2">step2
<ul id="submenu">
<li>step2 1</li>
<li>step2 2</li>
<li>step2 3</li>
<li>step2 4</li>
</ul>
</li>
<li>step3</li>
<li>step4</li>
<li>step5</li>
<li style="clear:both;"></li>
</ul>
</header>
<div style="width:300px;height:400px;border:2px sild #fff;float:left;">
<object data="http://www.pdf995.com/samples/pdf.pdf" style="width:94%;height:94%;padding:5px;" type="application/pdf" wmode="transparent" >
<param name="wMode" value="transparent"/>
</object>
</div>
</body>
</html>
COPY THE ABOVE CODE TO YOUR NOTEPAD++, AND SAVE AS INDEX.HTML, AND RUN THIS CODE IN YOUR INTERNET EXPLORER BROWSER, AND MOUSE OVER ON "STEP 2", AND OBSERVE THE SUB MENU IS GOING BEHIND THE OBJECT LAYER. THIS IS HAPPENING ONLY IN INTERNET
EXPLORER.
please install adobe reader in your system and check
PLEASE HELP ME TO FIX THIS PROBLEM

Hi Vallabha,
Thanks for posting in MSDN forum.
I have ran your code and understood your issue. But I cannot find a standard answer. z-index property cannot work with such a object tag. After some search on the web, I find this may be a workaround for this problem.
http://stackoverflow.com/questions/25760079/jquery-combobox-behind-embedded-object-ie-only
Best regards,
Shu Hu
We are trying to better understand customer views on social support experience, so your participation in this interview project would be greatly appreciated if you have time. Thanks for helping make community forums a great place.
Click
HERE to participate the survey.

WYSIWYG element HTML object properties disabled

Hi,
In WYSIWYG element HTML object properties link is getting disabled after entering value into the element. Is there any way to make it enable even after entering value.
Thanks & Regards
Prasad
Server details:
UCM 10gR3
Site Studio 7.7
Unix
verity search

Hi,
you have to divide the process into several steps:
get the image tag at the caret position
read it' properties
bring up a window with ooptions to change those properties
remove the existing image tag
place a new image tag with the new properties at the caret position
alternately you can change the properties of the existing image tag.
There a reloads of threads in this forum about how to change tag properties or the tag structure of a HTML document, so I omit this. Please try to do a search for such topics in this forum.
A GUI (Java classes ImageDialog and ImagePreview) for entering image properties is available at http://www.calcom.de/eng/dev/index.htm
Directly changing a table's width with the mouse is more complex, because you'd have to constantly write new width properties for the table and update the document while the mouse is moved. Probably better would be to bring up a dialog window to change the table properties instead.
Hope this helps
Ulrich

How to (make best) use external js library from html object (need help from dev)

Ok, on another discussion about rotating full screen backgrounds slideshows, i was orientated to try a small lib named "backstrech"
I throw myself in, and i really like what we can do with it.
To use it simply, just make an html object and paste this in :
<script src="http://musecdn2.businesscatalyst.com/scripts/4.0/jquery-1.8.3.min.js" type="text/javascript"></script>
<script src="assets/jquery.backstretch.min.js" type="text/javascript"></script>
<script>
$.backstretch([
      "http://dl.dropbox.com/u/515046/www/outside.jpg"
    , "http://dl.dropbox.com/u/515046/www/garfield-interior.jpg"
    , "http://dl.dropbox.com/u/515046/www/cheers.jpg"
], {duration: 3000, fade: 750});
</script>
then add the jquery.backstretch.min.js to your "downloaded files" (file menu > files to download)
And you’re done.
Now, i need some help from better developers.
As you can see, my first line is a call to jquery, the same that we find later in Muse exported code.
Reason 1 : without this line, jquery is not defined and the plugin won’t work.
This raises 2 issues :
- We load twice the same ressource which is useless (100k)
- loading js is all about having the page hangs while it loads, hence, they are put at the end of the body.
Does anybody know a way to load this particular html script AFTER we are sure the muse scripts (esp. jquery) have been loaded ?
(in the Edge Animate world, i’d go for the yepnope, and put it at the right place in the code, though, here i have no access to page load structure except head)
PS : in addition to that, i made an exported page/excluded from navigation where i put all the images i wanted for the background, i could then simply change the images lines :
, "http://dl.dropbox.com/u/515046/www/garfield-interior.jpg"
to
, "images/my_image_name_as_in_ressources.jpg"

Got it, there was a bug in my code. Here is what you do:
1. Download the js file https://raw.github.com/srobbin/jquery-backstretch/master/jquery.backstretch.min.js
2. In Muse: Go to File -> Add Files for Upload and add the script file
3. Open Page Properties -> Metadata -> HTML for <Head>
Paste this code in:
<script>
window.onload = function() {
var loaded = function() {
$.backstretch([
      "http://dl.dropbox.com/u/515046/www/outside.jpg"
    , "http://dl.dropbox.com/u/515046/www/garfield-interior.jpg"
    , "http://dl.dropbox.com/u/515046/www/cheers.jpg"
], {duration: 3000, fade: 750});
//Load the plugin:
var head= document.getElementsByTagName('head')[0];
var script= document.createElement('script');
script.type= 'text/javascript';
script.onreadystatechange = loaded;
script.onload = loaded;
script.src= 'assets/jquery.backstretch.min.js';
head.appendChild(script);
}; //Window OnLoad
</script>
4. Preview or Publish = Done!
Example: http://musebackstretch.businesscatalyst.com/index.html

Exact, precise positioning of Objects

I have an application that needs to be very precise in the positioning of a text object (so that OCR can read it). As an example, I can position an object at x=3.5 inches but I need to position at x=3.53. I use the "Size and Position" dialog box and enter x=3.53. Get out of the dialog, go back in and it has changed to 3.52, Get out and in and now it is 3.51. Once at 3.5 it stays at 3.5. Position seems to work well at 1/10 of an inch but I need 1/100 of an inch. Snap to Grid & Free-Form Placement Options can be on or off - no difference.
This is my first post.

James Terry You sent a reply via email with discussion regarding setting the grid to 0.01 inches (which is 1/100 of an inch). When I sent grid to 0.01" and moved them manually without using "Size and Position" dialog window, the objects stayed where they needed. Going in and out "Size & Position" does cause it to move. But by forcing 0.01" with snap turned on, I GOT WHAT I NEEDED! James: put in a response and then I can award points and mark this answered.

Dynamic Positioning of Objects in a Grid (rows and columns) AS3 Tutorial

The topic of a dynamic positioning of objects in a right grid (rows and columns) comes up often so I decided to post an AS3 solution here:
http://flashascript.wordpress.com/2010/12/25/arranging-objects-into-2d-dynamic-grid-with-a ctionscript-3/

Hard to tell from your description but this might help:
http://dtptools.com/product.asp?id=atid
Bob

Dynamic Positioning of Objects in a Grid (rows and columns) with AS3 Tutorial

The topic of a dynamic positioning of objects in a right grid (rows and columns) comes up often so I decided to post an AS3 solution here:
http://flashascript.wordpress.com/2010/12/25/arranging-objects-into-2d-dynamic-grid-with-a ctionscript-3/

Hard to tell from your description but this might help:
http://dtptools.com/product.asp?id=atid
Bob

Multiple HTML objects not aligning

In the footer of my muse site, I have two HTML objects that should appear side-by-side. One is a live feed from a ratings website, the other is a Facebook like box. Both are pulling approved code, both appear great in Muse, Muse has previously published it live correctly, but since yesterday will not. The Facebook like box keeps appearing far off to the right side even though it's well within the margin in Muse. If I choose to publish with either HTML individually, they publish in the exact location I want them. As soon as I publish with both, the Facebook box scoots back over to the left.
I've read in other forums, that problematic movements can be helped by grouping the objects so they're placed in a wrapper together upon publishing. This has yet to help my issue either. This is a live site and needs to be corrected.
www.hanahanfamilydentistry.com

Hi,
This kind of issue usually happens if the rectangle of the object is bigger than the size of the object. It pushes the adjacent object, resulting in misalignment. Please check and make sure the objects' rectangle is not bigger than actual object.
Regards,
Aish

Can we import/ embed HTML objects in a keynote presentation?

Hi,
I am using FusionCharts to create rich and dynamic charting for my presentation. FusionCharts is based on a Javascript liberary, can I import the generated charts as HTML objects in Keynote? If yes, how?
Thanks

Unfortunately, that's not possible with the current version of Keynote.

WD ABAP @ Access mime html object

Hello All,
Need help in understanding how do I get the URL of a mime HTML object in WD ABAP application.
I need this URL of the mime object so that I can fire exit plug with this URL at runtime in the applicaiton.
Please assist.
Thanks and Regards,
Samta

Use method CONSTRUCT_MIME_URL of class CL_WDR_UTILITIES. Remember to take the value against E_ABSOLUTE_PATH, as the URL supplied in the method FIRE_PLUG of interface IF_WD_VIEW_CONTROLLER needs absolute URL.
Sample:
DATA: lo_viwcon TYPE REF TO if_wd_view_controller,
         lo_wincon TYPE REF TO if_wd_window_controller,
         lo_aprvwin TYPE REF TO ig_approverequest_wndw.
   DATA: lt_params TYPE wdr_event_parameter_list,
         ls_param   TYPE wdr_event_parameter.
   DATA: d_cmd TYPE REF TO data,
         d_url TYPE REF TO data.
   FIELD-SYMBOLS: <v_cmd> TYPE ANY,
                  <v_url> TYPE ANY.
   CREATE DATA d_cmd TYPE string.
   CREATE DATA d_url TYPE string.
   ASSIGN d_cmd->* TO <v_cmd>.
   ASSIGN d_url->* TO <v_url>.
   <v_cmd> = 'X'.
   cl_wdr_utilities=>construct_mime_url(
    EXPORTING
       i_component_name = '<COMPONENT_NAME>'
       i_mime_source    = '<MIME_FILE_NAME>'
     IMPORTING
       e_absolute_path = <v_url> ).
   ls_param-name = 'CloseWindow'.
   ls_param-value = d_cmd.
   INSERT ls_param INTO TABLE lt_params.
   ls_param-name = 'URL'.
   ls_param-value = d_url.
   INSERT ls_param INTO TABLE lt_params.
   lo_viwcon = wd_this->wd_get_api( ).
   lo_wincon = lo_viwcon->get_embedding_window_ctlr( ).
   lo_wincon->if_wd_view_controller~fire_plug( parameters = lt_params
                                               plug_name = 'EXIT_PLUG' ).

Trouble understanding static objects

Hello,
I have trouble understanding static objects.
1)
class TestA
public static HashMap h = new HashMap();
So if I add to TestA.h from within a Servlet, this is not a good idea, right?
But if I just read from it, that is ok, right?
2)
class TestB
public static SimpleDateFormat df = new SimpleDateFormat();
What about TestB.df from within a Servlet? Is this ok?
example: TestB.df.format(new Date(1980, 1, 20));

There is exactly one instance of a static member for every instance of a class. It is okay to use static members in a servlet if they are final, or will not change. If they may change, it is a bad idea. Every call to a servlet launches a new thread. When there are multiple calls, there are multiple threads. If each of these threads are trying to make changes to the static memeber, or use the static memeber while changes are being made, the servelt could give incorrect results.
I hope that helped..
Thanks
Cardwell

Extracting HTML objects and properties

Has anyone had success in identifying html objects on a web
page source in ColdFusion, and dynamically capturing all the
properties? I have an assignment to map out all objects on my
application.
For example:
<img src="images/iArrowDown.gif" alt="Click to Collapse"
align="absmiddle" width="16" height="16" border="0"
name="openProfileInfo">
Result:
Object: Image
alt: Click to Collapse
width: 16
Thank you.
Mauricio

You might consider changing the syntax in use and specify the DN of the OU on which you would like to apply the permission.
Below is an example of a command that provides permissions on computer accounts under an OU:
dsAcls "OU=Laptops,OU=AcmeCo,DC=ss64,DC=Com" /G Domain\JDoe:GRGE;computer
Reference: http://ss64.com/nt/dsacls.html
More details in the article I shared.
This posting is provided "AS IS" with no warranties or guarantees , and confers no rights.
Get Active Directory User Last Logon
Create an Active Directory test domain similar to the production one
Management of test accounts in an Active Directory production domain - Part I
Management of test accounts in an Active Directory production domain - Part II
Management of test accounts in an Active Directory production domain - Part III
Reset Active Directory user password

HTML object unable to load js file

I am using a html object to load a wysiwyg editor in an air app as follows:
<mx:Canvas xmlns:mx="http://www.adobe.com/2006/mxml">
     <mx:String id="text">
    <![CDATA[
        <html xmlns="http://www.w3.org/1999/xhtml">
        <head>
            <script type="text/javascript" src="com/company/editor/editor.js"></script>
        </head>
        <body>
            <script type="text/javascript">
                var editor = new Editor("{name}", "{width}", "{height}", "{toolbar}", "{value}");
                editor.Create()
            </script>
        </body>
        </html>
    ]]>
    </mx:String>
     <mx:Script>
        <![CDATA[
          private function htmlInit():void {
                text = text.replace("{name}", this.name);
                text = text.replace("{width}", this.width);
                text = text.replace("{height}", this.height);
                if (this.content == null) {
                    // for some reason there are times that at this stage content is null instead of a blank string
                    // even though I have set it to a blank string when intialized.
                    this.content = "";
                text = text.replace("{value}", (this.content.split("\n").join("")).split('"').join('\\"'));
                text = text.replace("{toolbarSet}", this.toolbarSet);
                _tmp = text;
                this.invalidateProperties();
            private var _tmp:String;
            override protected function commitProperties():void{
                if(_tmp){
                    html.htmlText = _tmp;
                    _tmp = null;
                super.commitProperties();
        ]]>
     </mx:Script>
     <mx:HTML id="html" creationComplete="htmlInit()" width="100%" height="250"/>
</mx:Canvas>
The problem I have is that if I have the application compiling the air package for flash 10.x.x (which is the default) it doesn't find the editor.js file and therefore "new Editor(...)" goes undefined and the page doesn't work. If I then override the "target-player" option to 9.0.28 everything works.
Of course the editor.js file is in the correct subdirectory of the air package which corresponds to the entry in the signature.xml.
Any ideas of the cause and a way to get this to load in flash 10?
Thanks in advance
Matthew

Hi Praveen,
thats exactly what am i doing ,
File txtResource = new File("C://yourfile.txt");
if (txtResource.exists()) {
//Do your logic here
BufferedReader in =
                         new BufferedReader(
                              new java.io.FileReader("C:
yourfile.txt"));
But when i read in as
String str=null;
while ((strLine = in.readLine()) != null)
in seems to be null. I am not able to solve this mystery . any ideas please pass me ..
thanks
Also my scheduler is not working as per behaviour . I scheduled it for every5minhour,
every10minhour, ..........every55minhour,everyfullhour .
But i had to restart EP for starting scheduler otherwise its not scheduling (even afer re-deploying) which is taking significant time for me to check any change. Any idea why its happening like ? if u have any idea on how to schedule it for every5min so that i can track changes please let me know.
thanks

Can an abritary html object fill the brower window?

Can an abritary html object fill the brower window?
I have created a slideshow in Muse using the 'Full screen' slideshow widget. I like how the slideshow expands to fill the user's browser window when the browser is re-sized. However, I want to replace this widget with an html5 animation; and I want the animation to expand to fill the browser window just like the slideshow widget does. I snapped the edges of the arbitrary html object to 100% browser width, but it still does not expand to fill the browser window. Anyone know of a way to achieve this?
Thanks!

Yes, that's still accurate. Select the MSO, open the Overlay Creator panel, and you'll see an "Auto Play" option.

Stop HTML object from moving

Hello,
I have added several HTML objects to a Muse website page that I am using to embed YouTube videos. The boxes line up fine in Design mode however when I go to Preview mode the objects bunch up together then separate as I scroll down the page. How do I get the obects to stay where I have placed them on the page?
Example Object HTML:
<object width="560" height="315"><param name="movie" value="//www.youtube-nocookie.com/v/zQNcPJfWG5U?hl=en_US&version=3&rel=0"></param ><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="//www.youtube-nocookie.com/v/zQNcPJfWG5U?hl=en_US&version=3&rel=0" type="application/x-shockwave-flash" width="560" height="315" allowscriptaccess="always" allowfullscreen="true"></embed></object>

Can you provide a link to the site so we can see it? Sounds like you might have scroll motion set on some elements.

Trouble positioning html objects

Similar Messages

Maybe you are looking for