Muse changes in size of embedded HTML items

Hello

Muse makes me crazy: I added HTML elements on my website and Muse always adjusts em. For example: one is 317 x 356 Pixels - but Muse adjusts to 396 x 423. Now I go and change it to 317 x 356 - and a few seconds later it is again 396 x 423. And if I try resize it with the mouse, it expands and more great everytime I try resize it.

What can I do? What is the problem with the muse?

Best,

Sven

How do you define the width and height? You change the embed code or by using the width and height in Muse controls? Videos from YouTube and most HTML code embed specify their own dimensions. If you have accidentally changed the dimensions of the container holding the embed code, the easiest to get the widget to default size is drag-and - resize the widget with the mouse for the dimensions that are much smaller than their default size. Muse at the beginning you will resize to these reduced dimensions but will then ask the browser to display the embed code and report of its dimensions. If the dimensions are larger than the current size of the container, Muse will reset the size of the container to match those reported by the browser.

In regards to your embed code bandcamp, it consists of an iframe with inside dimensions of 356 x 317. For HTML embed code stuck on a page, Muse knows not what is in the code, but he must know the dimensions, so he can put in a container. So, Muse gives the embed code to the browser and allows the browser determine its dimensions and generate an image of the poster for in Muse design-time rendering. These dimensions are the initial dimensions of the container. Muse allows you to style this container by adding a line and filling, for example, and it allows you to resize the container. If you try to resize the container by dragging a resize handle or by using the controls width and height, Muse gives the code html integration a chance to adapt to the new size of the container by distributing the return embed code to the browser with the container, in that it must draw. If the embed code is smart enough to adjust its dimensions, he will do and pass a new image of the poster and new dimensions to Muse. In this case, the iframe has coded hard dimensions so it cannot change its size. However, Muse still will allow you to adjust the dimensions of the container until you resize to be less than what the browser says that its size should be.

Try the following experiment with your bandcamp widget. Give him a colorful filling. It is larger than 356 x 317 resize by dragging the right bottom selection handle. When you release the mouse, Muse will spend the container and the embed code of the widget on the browser for him give a chance to resize the widget. The band camp code fails if you see a fill colorful in the portions of the container unfilled by the widget. Now resize the container less than 356 x 317. Muse gives the widget the ability to resize once again, but the browser returns again 356 x 317 for its dimensions. Muse allows to adjust the dimensions of the container to match this minimum size.

If you really want to make the widget a different size, you will need to adjust the dimensions specified in the embed code. If you want to experiment, try the following:

1. right mouse click on the widget and select 'edit HTML... »

2. find the values for "width" and "height" and change them to something else. Try changing the width to something like 500px. Be sure to preserve the quotes and semi-colons and change only the numbers so that you do not break the rules syntax.

3. press OK and look at how it changes the widget.

Tags: Adobe Muse

Similar Questions

  • How can I change the size of my html page?

    How can I change the size of my html page? I want to condense it down, so it can fit well on a print out rather than appear incredibly large. How would I go to do this?

    You must have a print style sheet.  Create a style sheet personalized impression in a few Minutes

    @mediaprint{

    {body

    Width: 600px;

    margin: 0 auto;

    Background: #FFF;

    Color: #000;

    do-family: Georgia, Times, "Times New Roman", serif;

    do-size: 12pt;

    }

    NAV, header, footer, #sidebar #banner {display: none}

    }

    Nancy O.

  • How to change the size of the list item text?

    Hi, I tried this but does not work:

    var tf:TextFormat = new TextFormat();
    TF.font = 'Arial ';
    TF. Size = 25;
    TF. Bold = true;
    list.setStyle ("textFormat", tf);

    Thank you

    Try

    list.setRendererStyle("textFormat", tf);
    
  • Embedded html - text to make changes?

    Hello

    I imported a table of DW, Muse tells me it's EMBEDDED HTML, and it seems that editable here http://hellohorse.com/resources--links.html

    I can't get to it in DESIGN view to add a new line of text or change the text that is there.

    Thank you.

    Embedded HTML editable only click right in the HTML object in the mode Design of Muse by clicking on edit HTML.

    Thank you

    Vinayak

  • Why Muse crash when using embedded HTML

    Hi, I am currently using a trial version of Muse, I love this programm. I'm used to working in InDesign and Muse done all this seems very logical to me.

    I'm working on the tutorial for KatiesCafe, part 4. His starts by "with the help of embedded HTML to display a blog on a site of Muse'. When I paste the link as shown in the tutorial, or choose Insert HTML, Muse crashes.

    Can you please help me, because now I'm stuck. And that I would complete the entire tutorial.

    I am currently using v5.0 Build 704. Thank you!

    This thread is a change Google made in June that Muse has long workarounds included for (if you don't see this accident in current versions).

    This recent crash is due to a different very recent change for the video player from YouTube. There is a video widget YouTube replacement available on the exchange of the Muse http://muse.adobe.com/exchange-library/youtube-widget-without-poster> which avoids this accident by not providing an image of the poster in Muse Design and no display video mode overview of the Muse. It is an interim solution while we are working on changes that are much more important to reduce the probability of this kind of compatibility problems in the future.

    Sorry for the inconvenience.

  • Image of items 13 to change resolution size

    Unlike the 11 elements, when I change the size of the resolution of an image in items 13, the physical size of the image does not change.  Why?  Is this a bug? We have a few changes to the software?  Can I have a defective application?

    In the Image Size dialog box, verify verified resampling .

  • change the size of the swf according to the size of html page

    Hi experts
    I want to change my swf size according to the size of the html page in which she opens
    such as if the page size is 1024 x 768 then swf should scale to this size
    If its 700 per 500 also sw should change its size is possible
    I want this for my animation initially FRO m edge on the page

    Basically, I do not know how this has tried various options for last week no chance
    There are 100% option for swf that will scale the size of the swf to 100% of the page, but it does not toedge of page edge

    can anyone help

    Quote:
    Posted by: newsgroup user
    Thanks urami who worked

    Darr_darshan wrote:
    > Hi experts
    > I want to change my swf size according to the size of the html page in which it
    > open
    > such as if the page size is 1024 x 768 then swf should scale to this size
    > If its 700 per 500 also sw should change its size is possible
    > I want this for my animation initially FRO m edge on the page

    First of all, the size of the screen is never the same as the size of the browser to not use if
    you want to keep the proportions when scaling your files and do not distort the
    content. Keep in mind that the browser has its chrome all around, more grand, being on top
    of the screen (navigation), bar State and borders on the left and right sides.
    Second, always resize movie to the top, never down. While the scaling of movie you able to
    Keep your text, not the case when you descale movies especially with small text.
    who become illegible. Then you make movies in (example) 600 x 400 and intensify their
    instead.

    To fill the browser window, go to file - publish setting and on the HTML tab
    change the PIXEL size of PERCENT and set 100% x 100% - publish.
    Open the published html document recently opened in your favorite HTML editor, such as Notepad.
    Dreamweaver and Frontpage, adjust the margins up, down, left and
    right to zero pixel. This will make it fill the window entirely. Flash is
    not give this possibility.

    --
    Best regards

    Urami

    --

    !!!!!!! Merry Christmas!
    &
    Happy new year


    If you want to send me a message - DO NOT LAUGH at MY ADDRESS

  • Change the size of the image on rollover in Muse

    Hi eveyone,

    I'm setting up a website for an art gallery and change the size of the image on rollover. Ideally, it will look like an accordion to image with all the compact boxes, bearing that will be open, pushing others too (but always compact) then when the bearing is moved off the coast of the image have all compact images again.

    I saw a Web page for this tutorial to a point and can't find it now not sure if there's a widget for cela I haven't met a still.

    Thank you!

    It looks like a "Jquery Carousel"... There are many types arround but start here for a 'how to' on making them. Slick - the last ride you will ever need

  • How to do embedded HTML form normal eye?

    Hello

    In Muse, if I insert the code HTML code with:

    < form action ="action_page.php">

    First name: < br >

    < entry type ="text" name ="firstname" value ='Mickey'>

    < br >

    First name: < br >

    < entry type ="text" name ="lastname" value ='Mouse'>

    < br > < br >

    < entry type ="submit" value ="Submit">

    < /Form >


    .. .the form appears in my page of Muse.  However, it does not seem normal, which means:

    -Text fields have no borders and appear to be invisible until you start typing inside.

    -The size of the Submit button is minimal, packing tightly around the text, and there is no border or bevel.

    * I have experimented with specifying a HTML border and width in the code above, no change in the results.

    Basically, this HTML code seems normal in an ordinary HTML page.  However, in a page of Muse (with insert HTML code), the visual appearance of the form elements seems... abnormal lean.

    Can anyone suggest a way to add the content of HTML form and make look it correct?  I don't want to use Widgets to form Muse, because they are all "require" the email field, and I don't want this ability.  Thanks for your suggestions.

    I answered my own problem.

    It seems that the solution is to have knowledge of CSS, which I did not.  This is what Muse is supposed to provide, and I'm not a CSS expert.

    Http://www.ronpershing.com/blog/how-to-make-a-custom-contact-form-in-adobe-muse/ , Ron Pershing gives a very simple code on what makes it all work with Muse.  I am not affiliated with him or his website, but since he was kind enough to publish a solution, his work should get some attention.

  • Change the size of a window in a "Layout tab.

    Is it possible for me to change the size of the window of each paw?

    On this page of my site, you have 3 tabs, 'Theatre', 'Opéra' and ' music / dance.

    http://www.agoulding.com/AMG-productions-projection-designs.html

    Tab 'Théâtre' is fine, but the other two have space for their photos because there isn't as much in them. Muse doesn't let me reduce the size of the windows in these tabs, as it appears to need to keep the size of the largest window.

    Is there a way to get around this?

    See you soon

    Hello

    Unfortunately, it is not possible at the moment, it is not possible to adjust the height for each panel separately. A related thread can be found here that a content panel tabs container height is adjusted to the content of the individual tab.

  • Muse changes 'names' of my .png when I export the site

    Hey guys,.

    I built my normal site with .png and @2x.png icons (with double the size and resolution), followed all the steps on this link http://www.muse-themes.com/blogs/news/6668254-designing-for-retina-dis game-adobe-muse to make it compatible with retina displays. But Muse changes the names of the .png. As it puts the name of the holder of the BC content behind the original name.

    So all the javascripts that I have applied to my windows of the header and the javascript file that I downloaded in the folder root/script on bc do not work!

    I exported the site on my desktop as HTML, it opened with dreamveawer and had the same problem... no support of the retina at all!

    now my question: do I have to use the normal .png with original size, without any effect States (working capital, etc.) and what I need to download the @2x.png

    with the option of downloading file within the muse? Or should I use like Cyberduck FSTP for download on BC?

    Hope you can help me (newbie )

    Hello

    Muse will add "_2x" to the names of the image if you use HiDPI images using javascript, which is the expected behavior.

    Exactly how you integrate HD images on screen, means that if the images that are displayed are HD or not, you are using a compatible HD monitor?

    Regarding your question, you need to download 2 x on your images folder images.

    Also, feel free to consult our beta program where you can see what new features are coming up with the next version.

    Thank you

    Sanjit

  • Change the size and position of the icon of the list

    Hello!

    I tried to follow this tutorial to add social media icons to my site:

    http://www.webtutorialplus.com/elegant-social-media-menu-with-CSS/

    I managed to do that, but I'm now trying to reorganize (I think that's in the form of list), so that icons are aligned vertically, rather than horizontally.

    I also try to change the size of them, preferably so that they resize according to the fluid grid layout that I use.

    HTML:

    < div class = 'social' >

    < ul >

    < li > < a href = "#" title = "" > < span class = "icon" > < I aria-hidden = "true" class = "icon-facebook" >

    < /i > < / span > < span > as </span > < /a > < /li >

    < li > < a href = "#" title = "" > < span class = "icon" > < I aria-hidden = "true" class = 'icon-twitter' >

    < /i > < / span > < span > follow </span > < /a > < /li >

    < li > < a href = "#" title = "" > < span class = "icon" > < I have aria-hidden = "true" class = "icon-mail" >

    < /i > < / span > < span > Email </span > < /a > < /li >

    < /ul >

    < / div >

    CSS:

    .the

    {

    Width: 480px;

    top of the margin: 60px banner;

    margin-right: auto;

    margin-bottom: 60px banner;

    left margin: auto;

    }

    .the ul

    {

    padding: 0;

    list-style: none;

    do-size: 16px;

    }

    .the li

    {

    float: left;

    Width: 60px banner;

    text-align: center;

    }

    .the length of li

    {

    display: block;

    }

    .the one

    {

    display: block;

    color: #ffffff;

    text-decoration: none;

    -moz-transition: .3s.

    -webkit-transition: .3s.

    -o - transition: .3s.

    transition: .3s.

    }

    .the ul:hover one

    {

    color: rgba (255, 255, 255, 0.6);

    }

    .the ul:hover a: hover

    {

    color: #ffffff;

    }

    Li: nth - child (1) .the I

    {

    Background: rgb (59, 89, 152);

    box-shadow: 0 0 0 0 rgba (59, 89, 152,0.6);

    }

    Li: nth - child (2) .the I

    {

    Background: rgb (0, 172, 238);

    box-shadow: 0 0 0 0 rgba (0, 172, 238, 0.6);

    }

    Li: nth - child (3) .the I

    {

    Background: rgb (210, 64, 46);

    box-shadow: 0 0 0 0 rgba (210, 64, 46,0.6);

    }

    .the I have

    {

    position: relative;

    display: inline-block;

    margin: 0 auto;

    Padding: 12px;

    border-radius: 50%;

    font size: 30px;

    transition: box - ease-in-out s shadow.4;

    -moz-transition: box - ease-in-out s shadow.4;

    -webkit-transition: box - ease-in-out s shadow.4;

    -o - transition: box - ease-in-out s shadow.4;

    }

    .the has: i, .the one hover: active I

    {

    box-shadow: 0 0 0 25px transparent;

    }

    .the icon + duration

    {

    top of the margin: 20px;

    opacity: 0;

    -webkit-transition: all 500ms cubic-bezier(1.000, 0.000, 1.000, 0.650);

    -moz-transition: all 500ms cubic-bezier(1.000, 0.000, 1.000, 0.650);

    -ms-transition: all 500ms cubic-bezier(1.000, 0.000, 1.000, 0.650);

    -o - transition: all 500ms cubic-bezier(1.000, 0.000, 1.000, 0.650);

    transition: all 500ms cubic-bezier(1.000, 0.000, 1.000, 0.650);

    }

    .the a: hover span, .the one: active duration

    {

    opacity: 1;

    }

    / * ICOMOON starts here * /.

    {@font-face}

    do-family: 'icomoon ';

    SRC:URL('fonts/icomoon.eot');

    SRC:URL('fonts/icomoon.) EOT? #iefix') format('embedded-opentype'),.

    URL('fonts/icomoon.woff') format ('woff'),

    URL('fonts/icomoon.ttf') format ('truetype'),

    URL('fonts/icomoon.svg#icomoon') format ('svg');

    make-weight: normal;

    make-style: normal;

    }

    / * Use the CSS code after if you want to use the data attributes to insert your icons * /.

    [Data-icon]: before {}

    do-family: 'icomoon ';

    content: attr(data-icon);

    speak: none;

    make-weight: normal;

    do-variant: normal;

    text-transform: none;

    line-height: 1;

    -webkit - font smoothing: crenellated.

    }

    / * Use the CSS code after if you want to have a class by the icon * /.

    /*

    Instead of a list of all the class selectors.

    You can use the generic selector below, but it is slower:

    [class * = "icon" -] {

    */

    mail icon, icon-facebook, twitter-icon {}

    do-family: 'icomoon ';

    speak: none;

    make-style: normal;

    make-weight: normal;

    do-variant: normal;

    text-transform: none;

    line-height: 1;

    -webkit - font smoothing: crenellated.

    }

    icon-mail: before {}

    content: '\e000 ';

    }

    icon-facebook: before {}

    content: '\e001 ';

    }

    icon-twitter: before {}

    content: '\e002 ';

    }

    Thank you very much

    Max

    Not too sure.  You can try to change font-size: 30px to see if that does anything.

    Nancy O

  • Writeback - change the size of the text area displayed

    Hello
    I use writing in OBIEE 10. I know, we can define the size of the input area in ways that no one will be able to add more text than allowed. But even if I am to welcome 2000 characters the text box is displayed as a single line entry box.
    Is it possible to change the size of the text area displayed in particular to allow more than a single line?
    Thank you

    Hey,.

    You will need somehow to hack the CSS (Cascading Style Sheet) OBI when writeback (see table) is present instead of a HTML text box item, display a TEXTAREA HTML element. Currently, there is no other way to achieve this.

    You can read more about HTML input types here,
    http://www.w3schools.com/HTML/html_forms.asp
    and
    play with an example of a TEXTAREA HTML element here, http://www.w3schools.com/html/showit.asp?filename=tryhtml_textarea

    See you soon,.
    Christian
    http://www.artofbi.com

  • Change the size of the text in a label symbol

    FW CS4 - Mac

    Question in two parts:

    1 I barely started using the excuse today so many Fireworks which is probably a simple question but I can't find a range of dialogue of type style in Fireworks - I have implemented a couple of character styles and am changing the size of the type on the label (option Mac button) I just placed the common library - I chose the type in the section "label" "Symbol properties" Panel but it does not seem to change the font or point size. The type of label style is editable?

    2. When you arrive at this in InDesign, it's quite different! Can anyone recommend a training video that uses one through the process of designing a site in FW and then "export" (if that's what you're doing) to DW CS4? I hope it's worth persevering with FW and not only go back to InDesign or Illustrator to produce visual design, but worry when I saw a video earlier which stated: "the current best practices for web design essentially exclude this option to export as a viable method to create a Web site, but exporting HTML and Images is incredibly valuable in a prototyping perspective...". »

    Thank you very much.

    If you simply click on the button in the properties panel there is an entry for the button label box. But click the button twice to get the button Edit window, and then select the text object, and you should have the elements of normal text object in the properties panel. Since I'm on Windows, the font name was empty in the drop-down list box, but I could click it to select one of my installed fonts.

    If you press the button, you have the properties of the button. You must enter the lower level when you change how the button is set up to get the individual items.

  • Is it possible to change the size of icons on the desktop?

    Is it possible to change the size of icons on the desktop? My computer crashed recently the only thing I could do was to reformat my hard drive and reinstall windows XP Service pack 3. Now I have these giant icons which cover half of my screen.

    Original title: the Windows desktop icons

    That has to have been the easy way, but...
     
     
    Right click on the desktop | Properties | Appearance | Advanced button. In the menu item drop-down select icon.  Change the size of the icons there.
     

     

Maybe you are looking for

  • How many?

    Are there fees?

  • Why are my firefox tabs not there any moreafter reopen firefox?

    When I close the browser and then re-open it all my previous tabs have disappeared and it goes to my home page. I set it so the tabs must be open. I am running version 30, but it had this problem with version 29. I haven't added yet additional module

  • No release

    I have the Droid Maxx and have probably noticed that when you use the phone itself there is no release or when it is connected to my LG headset tone +. Is it possible to activate this?

  • bar plot as photo

    Hello I want to draw a histogram in a picture frame... Nobody knows how to do XY value to a type of waveform...? See the example: Kind regards Thijs

  • loop of two producers for quick DAQmx and the user controls?

    Hello Sorry if my question is maybe a bit too general (I don't have a VI implementation yet). I think about the solutions for a Structure of producer-consumer with event loop in the part of the producer. So far, if I had to do a project with DAQ, dat