Adjust image width and position along with browser size automatically.

Hi,  I'm trying to place an image at the left edge of browser window, and the image width is 50% of the browser window size. The similar effect can be found on this website. Lenzing Instruments
Notice that as the browser zoom out, the image remains half of the width of browser window and align with the right edge of the browser.
I'm new to Muse. Not sure if it is possible to achieve this effect in Muse. I know Muse can set image 100% width of browser window, but how about 50%, 75% and other user defined proportion?
Any help will be appreciated!

Thank you for your reply Sanjit. Could you explain more in details about
Exact responsiveness cannot be achieved but yes with scroll and pin you can create a similar effect
I also followed this post Can you create responsive sites with Adobe Muse? It seems that Muse does not support responsive design very well. So I'm not sure how exactly to get an similar responsive design effect in Muse.
Thanks!
Yinze
Design Engineer
Lawson Hemphill Inc.

Similar Messages

  • How can I get the image width and height stored in database?

    Hi!I write s servlet to display images store in database.but how can I get the image width and height?

    Have you tryed using PJA or a similar library?
    I presume you get java.lang.NoClassDefFoundError on the line :
    Toolkit.getDefaultToolkit();?

  • Can I adjust pixel width and height in iPhoto?

    I'm trying to find out if it's possible to adjust pixel width and height of a photo without cropping it. iPhoto Help was no help at all.
    Thanks.
    iBook   Mac OS X (10.4.4)  

    For uploading to a site this is the way to do it.
    If you wanted to use in another application, you can drag and drop if it is supported, and then use that other application to resize. You can also set up a graphic application as an external editor.
    I find it just as quick and easy to export to the desktop, then delete the photos on the desktop when I am done.

  • Get image width and height?

    In loading an image using the File Browse capability, is there any way to obtain the height and width of the image being loaded? I want to save that along with the MIME type and file name.

    Hello,
    Take a look at the ORDImage object type, which you can use to obtain the properties of the image -
    http://download.oracle.com/docs/cd/B28359_01/appdev.111/b28414/ch_imgref.htm
    You can do much more than just accessing the properties too, such as rescaling the image, greyscaling, making a thumbnail etc.
    Scott Spendolini did a good blog post on this a while back -
    http://spendolini.blogspot.com/2005/10/manipulating-images-with-database.html
    John.
    (by the way, doesn't this highlight a short-coming of the new forum points system? Scott does a nice long detailed blog post...I just link to it and hopefully get the points ;).

  • Applescript/Pages and adjusting column width (and paragraph style)

    I was hoping that some someone might know how to adjust the width of individual columns in Pages using Applescript. It seems like it should be a simple task, and I can adjust the overall width/height of the table, but I haven't found a way to adjust the column width. Alternatively, I could have the program create the table in Numbers and copy/paste it into Pages, but I'd imagine that would get a bit messy and wouldn't allow me to use a hanging indent in the cells (to the best of my knowledge).
    Also, is there a way to adjust the paragraph style used by the text in the table? Otherwise, I could just use a templet and define the the default table style appropriately. (Though not the most elegant solution).
    Thanks in advance for your help!
    (In case it helps, the script I'm working on parses an unformatted inventory and parses it into paragraphs/tables.)

    Try this:
    set tableCount to 0
    --open file to be pased here, excluded for example
    tell application "Pages"
        activate
        set theDoc to (make new document)
        tell theDoc
            --makes paragraph styles used
            make new paragraph style with properties {name:"Folio", font name:"Times New Roman", font size:12, bold:true, alignment:left, space after:5, keep with next paragraph:true, space before:15}
            make new paragraph style with properties {name:"Place", font name:"Times New Roman", font size:12, bold:false, alignment:left, line spacing type:relative, line spacing:100}
            make new paragraph style with properties {name:"Description", font name:"Times New Roman", font size:12, bold:false, italic:true, alignment:left, line spacing type:relative, line spacing:100}
            make new paragraph style with properties {name:"Table", font name:"Times New Roman", font size:12, alignment:left, left indent:0.5, first line indent:0.0}
            --begin repeat, gathers MS info from one doc (unformatted) and writes it into another with formatting, setting variables directly for example
            set MSName to "new Manuscript"
            set MSPlace to "place where MS is stored"
            set MSDesc to "description of MS"
            set tableData to {{"folio", "title", "composer"}, {"", "subtitle", ""}, {"etc", "next", "next"}}
            --write paragraph information from earlier
            set currentPar to (make new paragraph at end of paragraphs with data MSName)
            set paragraph style of currentPar to "Folio"
            set currentPar to (make new paragraph at end of paragraphs with data MSPlace)
            set paragraph style of currentPar to "Place"
            set currentPar to (make new paragraph at end of paragraphs with data MSDesc)
            set paragraph style of currentPar to "Description"
            --create table, add data, and format
            tell application "System Events" to tell process "Pages"
                key code 125 using {command down} -- move the insertion point to the end
                tell menu bar 1
                    -- Insert a new table:
                    click menu item "Table" of menu 1 of menu bar item "Insert"
                    -- Delete the header row:
                    tell menu 1 of menu bar item "Format"
                        click menu item "Delete Row" of menu 1 of menu item "Table"
                    end tell
                    -- Show the Inspector:
                    tell menu 1 of menu bar item "View"
                        if menu item "Show Inspector" exists then
                            click menu item "Show Inspector"
                        end if
                    end tell
                end tell
                tell window 1 -- the Inspector window
                    click radio button 7 of radio group 1 -- select the Table Inspector
                    perform action "AXRaise" -- activate the Table Inspector
                    tell tab group 1 of group 1
                        click radio button "Table" -- select “Table”
                        -- Reduce width of all three columns:
                        repeat 3 times
                            set value of text field 2 to "0.5 in"
                            set focused of text field 2 to true
                            keystroke return
                            keystroke tab -- next column
                        end repeat
                        key code 126 -- the Up Arrow
                        -- Set width of each column:
                        repeat with theValue in {"0.75 in", "4.25 in", "1.5 in"}
                            set value of text field 2 to theValue
                            set focused of text field 2 to true
                            keystroke return
                            keystroke tab -- next column
                        end repeat
                        key code 126 -- the Up Arrow
                    end tell
                end tell
                keystroke "i" using {option down, command down} -- hide the Inspector
                -- Add the data:
                repeat with i from 1 to 3
                    set thisRow to item i of tableData
                    repeat with j from 1 to 3
                        keystroke (item j of thisRow)
                        if (i * j = 9) then exit repeat
                        keystroke tab
                    end repeat
                end repeat
            end tell
            set tableCount to tableCount + 1
            tell table tableCount
                select
                set stroke width to 0.0
                set wrap to center
                set name to MSName
            end tell
            --after which it would continue with the next MS and repeat the process until all are done
        end tell
    end tell

  • The crawled property of Image width and height - is there a differnce when the image is png format?

    Hi,
    We are indexing file share with images and get the properties of Image Width, Image Height, Image Size (we show it as refiners in SharePoint after make it managed properties). Somehow when the picture is png format - we see only Size but not height and width.
    Is that any setting that should be done in the file share (when i select an image in the windows explorer window i can see all its properties, and it seems that png files do expose the width and height properties
    keren tsur

    Hi  Keren,
    According to your description, my understanding is that when you tried to  crawl file share with images, the ows_ImageWidth and ows_ImageHeight crawled property for PNG  file could not be generated.
    For your issue, I can reproduce your issue in my SharePoint 2013 environment. For a workaround, you can upload the PNG images into SharePoint images Library and they would work fine.
    Best Regards,
    Eric
    Eric Tao
    TechNet Community Support

  • Image width and height

    I cannot get DW8 to insert the width and height automatically
    whern inserting an imge. Can anyone help me with it. TIA

    I have just discovered that if you do the insertion when Code
    view and
    Design view are 'in synch', i.e., neither the Property
    inspector nor the CSS
    panel have a "Refresh" button, the width and height will be
    inserted in Code
    view.
    Murray --- ICQ 71997575
    Adobe Community Expert
    (If you *MUST* email me, don't LAUGH when you do so!)
    ==================
    http://www.dreamweavermx-templates.com
    - Template Triage!
    http://www.projectseven.com/go
    - DW FAQs, Tutorials & Resources
    http://www.dwfaq.com - DW FAQs,
    Tutorials & Resources
    http://www.macromedia.com/support/search/
    - Macromedia (MM) Technotes
    ==================
    "intedeco" <[email protected]> wrote in
    message
    news:ebdb54$5uq$[email protected]..
    > Thanks ACE for the info. I am using the technique you
    mentioned.
    > However, I
    > did not have this problem in DWMX. Also, according to
    Macromedia 'HELP'
    > it is
    > inderted automatically. Thios is what is says:
    >
    >
    W and H are the width and height of the image, in pixels.
    Dreamweaver
    > automatically updates these text boxes with the image?s
    original
    > dimensions
    > when you insert an image in a page.
    >
    > Hopefully, next update will fix this!
    >

  • [FM11] Print Image Link and Index Markers with specific Character Style

    Hello,
    I'm new with scripting for Framemaker. I want to export FM docs to RTF so I can import these into InDesign. For the placed images I want to insert a text line that is showing the image link (reference). Besides that I want to show the Index Markers at the mark insertion position with a different Character Style. Can someone help me with that?
    Regards, Sjoerd

    Hello Sjoerd,
    One note about your method to retrieve all linked graphics: this will also process the graphics that might be linked into the master and reference pages. Just to be safe against unwanted side effects you should restrict your list of graphics to the ones in the main flow of your document.
    About the tLoc: you are really looking for the anchor of the anchored frame that contains graphic. It is a little confusing that FM calls both the anchored frame and the imported graphic by the same name. Even if you add an anchored frame to the text to put an equation or a text box in your document, the anchored frame will show up in the linked list of graphics in the document. If you do have an anchored frame containing an imported graphic file, you have a list of graphic objects inside the anchored frame, which itself appears in the list of graphic objects of the document.
    This function should do what you want to do:
    function ListGraphics(doc)
              var aframe = doc.FirstGraphicInDoc;
         while (aframe.ObjectValid()) {
             if (aframe.constructor.name == "AFrame") {
                                            graphic = aframe.FirstGraphicInFrame;
                 if ( graphic.type == Constants.FO_Inset )
                                                 doc.AddText ( aframe.TextLoc, graphic.InsetFile );
             aframe = aframe.NextGraphicInDoc;
    I assume you will also want to remove the anchored frames (the imported image files) from the text. This can be done in the same routine, but you must first catch the following element in the linked list of graphics in the doc before you can delete the current one. Otherwise you will only remove the first and end up with an invalid object. The easiest and safest method to do this is to create an array of elements to be deleted. After ending the while loop, you delete those objects. The full code looks like this:
    function ListGraphics(doc)
              var toDelete = [];
              var aframe = doc.FirstGraphicInDoc;
         while (aframe.ObjectValid()) {
             if (aframe.constructor.name == "AFrame") {
                                            graphic = aframe.FirstGraphicInFrame;
                                            if ( graphic.type == Constants.FO_Inset ) {
                                                           doc.AddText ( aframe.TextLoc, graphic.InsetFile );
                                                           toDelete.push ( aframe );
           aframe = aframe.NextGraphicInDoc;
              for ( i = 0; i < toDelete.length; i++ ) {
                             toDelete[i].Delete();
    This works on a small test file I created. If you need more support, feel free to contact me: jang at jang dot nl

  • Photoshop Help | Adjusting image color and tone

    This question was posted in response to the following article: http://helpx.adobe.com/photoshop/using/adjusting-image-color-tone.html

    Andy Anderson goes through hue and saturation settings in this Photoshop CS6 tutorial video: http://infiniteskills.com/blog/2012/08/adobe-photoshop-cs6-tutorial-hue-saturation/

  • Photoshop Help | Adjusting image sharpness and blur

    This question was posted in response to the following article: http://helpx.adobe.com/photoshop/using/adjusting-image-sharpness-blur.html

    I have installed Adobe Illustrator CS 4 . I have two types of effects in this menu.
    1. Illustrator Effects
    2. Photoshop Effects
    I see this option Unsharp Mask Effect menu ,Photoshop effects category under Sharpen Sub Menu.
    My question is is Adobe Illustrator CS4 equipped with the Photoshop effects also?

  • How do I skip the credit card process on itunes? I click to get something for free, sign in, and then it asks for credit card information. Any have any ideas so I can skip that and go along with my process?

    I really need help y'all cause I'm getting frustrateD!

    When it asks you for your credit card, just go along with it until it asks you what type you have then just check off none.

  • [iPhone] image width and height was exchanged after load to CALayer

    I want to put an image into a CALayer's sublayer, like this:
    *CALayer *parent = [CALayer layer];*
    *CALayer *child = [CALayer layer];*
    *[parent addSublayer:child];*
    *UIImage *image = [UIImage imageWithContentsOfFile:imagePaht];*
    *NSLog(@"%f-%f", image.size.width, image.size.height);*
    *child.contents = [image CGImage];*
    I have five images in my app to display, their sizes are (3648, 2048),(3648, 2048),(3648, 2048),(2048, 3648),(2048, 3648), but when the images are displayed, I found that the last two images were rotate 90 degree. anyone has such problem?

    No - not quite the same - but about the same on iPhone 4.
    My app uses ImagePicker to let the user select an image from the album or the camera roll. I picked an image (that was shot in landscape mode) from the album. The image picker showed it in portrait mode so, it was smaller in size. But when the app showed the image in different view, it was shown in original size in portrait mode - as if the image was zoomed in!
    This does not happen on iPhone 3GS, though.
    Any ideas?
    Sam.

  • Storing encrypted username and password along with the Key into Windows Keystore

    I have a WPf application and I need to allow the user to enter the username and password. Username and Password should be encrypted and store them with the key into the windows Keystore. I used the Cryptography class to encrypt the username and password but
    I am not sure how to store them in the Windows Key Store.
    This login is used for configuration purpose only. User enters  and  it is saved into the clients machine. As long these credentials are correct, we are going to allow this machine to call another API to download files.
    I would really appreciate for any sample code. Basically, I need to store them in the registry and be able to call them to verify.

    Data encryption and key management is certainly not a WPF topic so you are in the wrong forum but you could take a look at the ProtectedData class:
    https://msdn.microsoft.com/en-us/library/system.security.cryptography.protecteddata.aspx.
    It provides methods for encrypting and decrypting data on user or machine level. Please refer to the following link for more information:
    http://stackoverflow.com/questions/4967325/best-way-to-store-encryption-keys-in-net-c-sharp
    Here is another link on the subject that may be helpful:
    http://stackoverflow.com/questions/7459069/where-to-store-sensitive-information-needed-for-an-application-to-run
    Please remember to mark helpful posts as answer to close your threads.

  • Firefox will not load youtube videos as of last night, I already tried clearing my cache and cookies along with all browser history.

    Internet Explorer has the same problem as well.

    Since you already tried the clear Cache and Youtube cookie trick.
    Try making the youtube url as http'''s''':// if a youtube video is still giving the black screen.
    It is apparently a issue with Youtube as people with other browsers are getting the same. http://www.google.com/support/forum/p/youtube/thread?hl=en&tid=3cda4dac122b8f13

  • Best Practices for image layout and positioning using anchored frames in Framemaker 10

    Hi,
    I'm looking for the best practices in how to layout my images in Framemaker 10 so that they translate correctly to Robohelp 9. I currently have images inside of Anchored frames that "Run into" the right side of my text. I've adjusted the size of the anchored frame so that my text flows correctly around the image. Everything looks good in Framemaker! Yeah! The problem is that when I link my Framemaker document to Robohelp, the text does not flow around my image in the same manner. On a couple of Robohelp screens the image is running into the footer. I'm wondering if I should be using tables in Framemaker in order to get the page layout that I'm looking for. Also, I went back and forth...is this a Framemaker question or is this a Robohelp question. Any assistance would be greatly appreciated.

    I wish I could offer some advice, rather than simply adding to your question. I think there is something odd that happens with anchored frames.
    I have been going through fits trying to figure out why the placement of my graphics shifts when I run them through Frame 10-to-RoboHelp 9 conversion. The placement in our books is flush left to the body text area. However, when they convert, some are flush left, some are centered, and a very few are flush right. My boss is very unhappy with me, as I have been unable to figure out why this is happening. I didn't create these files, so I don't know if it's something that goes back to how the graphics were initially imported. But I can't figure out why everything looks right in Framemaker, with the frame attached to an anchor tag, etc. but the placement goes hinky when they convert.
    Any insights are appreciated. I'm wondering if it's going to come down to deleting them and recreating the graphic frame.

Maybe you are looking for