How to make a slideshow to stretch to accommodate a larger size screen?

Hello

Can someone please take a look at this site I did with a lively slideshow of adobe edge on the home page and an edge to animate a static banner on other pages.

http://hartshealthservices.com.au

It seems well seen on a screen 1024 x 768 or smaller, but on a bigger screen text out wider than the header slideshow or image. Can anyone suggest what code I can put on the text to keep in line with the width of slide show - which will look as good on a mobile phone - or y at - it a way to make the slideshow and image header expand to match the width of the text for larger than 1024 wide screens?

Any advice would be most appreciated.

See you soon

Alayna.

I guess you could do your 'stretch' advantage to adapt to larger screens of setting you step and widths of the elements '%' of the project and make use of the min/max settings, but then who would distort your images unless you set all '%' and will not affect furred it all (width and height) to match the text (left-right @ 9.8% margins). For now, your slideshow of edge is set to fixed width of px and your HTML "textBlock" is set to be liquid. Personally would limit the width of the div "textBlock" 1024px when the text would never get bigger than your slideshow.

Try this...

In the '.textBlock' Add tag header style max-width: 1024px;

I'm not sure, but you might need to change the left and right margins in your tag "body" to "automatic" to keep all centered when the screen get greater than 1024

BTW, this time for me, your slideshow of edge does not load in firefox17. the preloader shows but nothing happens. And IE10 and firfox your preloader appears on top of your text and once there all he loaded all the pop in place and move the text down. to avoid this problem, you can go to your concert preloader on board and on the TL with the preloader.gif create a div empty (rectangle without color or border) and make the size of your animation on your page (it looks like 580 x 1024). This will create space for you slideshow to load in and place your textBlock below while it's charging so it is not jump around.

Joel H


Tags: Edge Animate

Similar Questions

  • How to make a slideshow to be used on blu - ray. I MADE A SLIDE SHOW BUT I CAN NOT PLAY ON BLU

    HOW TO MAKE A SLIDESHOW TO BE USED ON BLU - RAY, I MADE A SLIDESHOW IN LIGHTROOM, BUT I CAN ' FIND A WAY FOR BLU - RAY. JIMBUZZ1

    Lightroom creates a DVD that can be played on other computers.  This includes slideshows.  If you want to be able to show your DVD into a Blu - ray or standard DVD player connected to the TV, then you must use a software that will create the DVD in the proper format.  You might consider ProShow Gold, or Adobe Premiere Elements or similar programs.  According to its capabilities and your TV, you might be able to simply display a regular data DVD images.  My TV has an entry for a flash drive.  I can load the images to a flash drive and view them directly.  But if you want to show your slideshow on your TV, you need to author with appropriate software.

  • HOW TO MAKE ICONS FOR ALL FILES AND FOLDERS IN LARGE WINDOW 7

    HOW TO MAKE ICONS FOR ALL FILES AND FOLDERS IN LARGE WINDOW 7

    You can try this: -.

    Start-> Control Panel-> display
    From there, you can select medium or large. This will be the size of everything on the screen.
  • How to make the slideshow in Photos app

    I have pictures that I want to use a slideshow on my desk in the desktop application... How to make these photos in the photo app? I make a slideshow for my brothers funeral and cannot understand that someone help me please

    Original title: photo help needed ASAP

    Hi Julie,.

    Thanks for posting your query in Microsoft Community.

    I understand that you want to open photos in the Photos app and look in a slide show and don't help you certainly do.

    You can move all the photos in the photo library by copying pictures to the screen and sticking them in the photo library. To open the pictures library, refer to the following steps:

    • On the screen, click File Explorer in the taskbar.
    • Expand This PC on the navigation (on the left side) pane.
    • Click on the images.

    After moving pictures in the picture library, open the Photos app from the start screen. You will notice the images moved or the corresponding image files in the Photos app. If OneDrive is selected, then click on the drop down menu to select the picture library.

    To read the photos in a slide show, right-click in the empty space on the Photos app screen, and then click slide show.

    Additional information:

    Photos app using Windows

    Hope this information is useful. Let us know if you need more help, we will be happy to help you.

  • How to make a slideshow using an applet?

    I want to make a slideshow or exchanging pictures with about 12 photos I want to disappear when moving to the next photo in a loop where they continue to edit using the timeline. I'm more than a practical person who has misunderstood the directions of books and need to be told in terms of simple laymens on how to do it. Could someone help me with this?

    You wouldn't use something like that, because it is a Java applet.
    Most of the people do not have the Java engine installed and will see a gray
    box when they come to the page (if anything). In addition, Java applets
    are notoriously huge and sometimes flaky.

    There are a lot of rotators simple picture you could get, but the system
    I used can also be used in mode image rotator...

    --
    Murray - ICQ 71997575
    Adobe Community Expert
    (If you * MUST * write me, don't don't LAUGH when you do!)
    ==================
    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
    ==================

    "JPPM" wrote in message
    News:f9csfp$3RV$1@forums. Macromedia.com...
    > This type of slide show, it's not what I had in mind. Here is a link to our
    > site of homeoffice who has the type of slide show I want to use for our
    > website of the Bureau I am currently this repetition.
    > http://www.marylandhistoricaltrust.net/
    > I tried to save this page to my Dreamweaver files, so I could try to use
    > their
    > applet, but by changing the images in our own images. I'm not sure how
    > to
    > create files that work with this applet. They call their one applet
    > 'fadeshow '. I have all my images I want to use in this applet in
    > their
    > own folder in my folder main image for my site. I've marked this
    > image
    > file "fadeshow". Could you please look at this site and possibly
    > walking
    > the steps I should take to create my own show on our
    > Web site?
    > Text text
    >

  • How to make a slideshow?

    I have Adobe Acrobat Reader DC. How to make a slide show and set the time for automatic advance?

    With just the free reader? No question.

  • How to make a slideshow of heroes with the text and the button for each slide?

    I'm trying to make a basic slide show (auto no buttons) which will be the width of page 100% and I want each picture to have a title and a status button they can click to access other pages, for the life of me I can't this is! What I am doing wrong?

    Indeed I could solve my problem, yay 2 + hours of troubleshooting finally paid off!

    I tried the white color text and read 'Check this video now!', but the background was a color of the light, so it is in contradiction with the white text. To remedy this problem, I created a rectangle shape, he made black and reduced the opacity to 40% and threw it behind the text. In order to get the button under the text that says: 'Click here'! I was able to use a copy + paste glitch by sticking the trio in the caption text box for an image, thus allowing me to have a unique caption for each photo in an automatic slideshow. The problem arises due to the notion of a chart of the icon to stay on the text no matter how it is pasted into the text box but I could understand that if you group the text above the rectangle elements before pasting in the text area of the legend, then the text will remain on the chart! Yay problem solved (at least for now)!

  • How to make a slideshow w/o it automatically move to the next slide?

    Hello

    I have a collection of photos that I want to "slideshowed". I would like that they expansions of to fill the screen. But I want control over how much time the slide is displayed. I want the control to say 'next' (as opposed to iPhoto moving to x number of seconds). I hope I described what I want.

    My question: is it possible? I know it sounds like something that you would do on PowerPoint, but I don't want to resort to that.

    Any suggestions?

    Thank you!

    You can't, but you can set the value display time of each slide to maximum 27 minutes 10 seconds

    or the value of each individual slide of a duration of 59 minutes:

    Who would do essentially the same thing as you want and allow you to move to the next slide, or return to the previous slide with the arrow keys on the keyboard manually.

  • How to make the slideshow to work and how many seconds can I hold the blade during?

    I need to get the slideshow to work and I can't not to understand and second how can I hold the blade during?

    You can adjust the speed of transition to the slide where the speed will determine the change on slides. Alternatively, you can configure CV after which held the blade until the set time in recovery after to complete the loop.

    Thank you

    Sanjit

  • How to make a slideshow of pictures at the end of the slide to end?

    Sounds like a no-brainer, but I can't bend the Photos to my will.

    I have created a slideshow project and set it to my chosen iTunes song. Now, regardless whether I set the duration to 'adjust music' or I play with the custom settings, instead of ending with the screen showing my last slide, he returns to the first slide! What is with that. I want the music of late and the last slide to linger on the screen as the "grand final", but he finishes the show then springs back in the beginning title slide! Maddening.

    Thanks for your help, oh people of genius!

    You have this selected button (it is blue, if activated)?

    If so click again it is black and try again.

  • How to make a slideshow with points of flipping instead of thumbnails?

    Just try to understand how this is done.  I used no Muse in a long time and it looks like I'm missing something. So far all I've found is you just to move the tile out of the mask, and then change the mask to a multi-state button.  Is this correct?

    Hello JeffSeal,

    You are right. I can think of these 2 options mentioned below.

    Option 1:

    • Create slide show widget.
    • enable thumbnails of the widget options panel.
    • Select the thumbnail > Double click on the tile and the tile will be surrounded by the red border.
    • Drag and drop it on the page.
    • Now, select the transparent thumbnail and change it as a point.

    Option 2:

    Use a composition rather than the slide show widget where you will be able to create the trigger and the tile.

    Points instead of thumbnails in slide shows

    Kind regards

    Vivek

  • How to make a horizontal bar stretch to fill the width of the browser outside the wrappe always

    When I get 100% in the width field, that it will fill the wrapper which is 1000px, I want just some horizontal bars to fill the width of the browser at any time.

    Example is at http://www.hollywoodunderground.com - bar under the header/links and the bar above the footer. Trying to figure out how to get both of those always fill the width of the browser while keeping the original packaging for all other content. I can just find a way to get these 2 bars outside of the package in a new package, or can I do it in the wrapper?

    You need to configure your build slightly differently.

    You will place the logo and icons of social media in their own

    the value of 1000px, margin 0 auto to Center horizontally

    Then you would have your black bar

    the value of width: 100% (no need to set even if, as it will fill the available space).

    Then you'd have your youtube videos

    the 1000px, auto margin 0 value.

    Then another black bar

    :

    Get it?

  • CTRL + _ makes smaller browser window. How to make more big (take it back to the original size)?

    Well it was accidental. I was trying to SHIFT + _ italic Forum to chat I use and must have hit CTRL + _ rather... now my browser window is so small my typing looks like a caterpillar, crawl across the page. How do I make the window back to its original size? Tried SHIFT + CTRL + _ nothing works.

    Have you checked the shortcuts but can't find the command there

    Reset zoom: CTRL + 0 (zero)

    If this answer solved your problem, please click 'Solved It' next to this response when connected to the forum.

    Not related to your question, but...

    You must update some plug-ins:

  • How to make a uiapplication closes not when you close the last screen

    By default, when you close the last screen will come out of the UiApplication, but I want what he requestBackground,

    example: If the last screen is the screen invokeapplication and close() is default, then how in the background?

    It is much easier to understand what you mean if you use the real java involved rather than trying to use the shortcut.  I copy your programs and paste it here too, so you don't get as typos:

    invkoeapplication

    that can confuse us mortals.

    It seems you are trying to call another Application is not your own.  Says Simon, if you don't 'own' Application/screen, you have no control over what he does.

    What I don't understand is that if you call the Messages application, then your Application must not be closed.  Is it?  What did you try to stop?

    It would be perhaps better if you explained exactly what you're trying to do, we are all aware, on what is the problem.

  • How to make all three paragraphs of the exact same font, size and weight?

    The first paragraph is defined as a header.  I want the second and third paragraphs to have the exact same font, size and weight.

    This is my Web page: (www.juliaslakehouse.com)

    Thank you.

    Don

    <! doctype html >

    "< html > <!-InstanceBegin template="/Templates/template_2.dwt ' codeOutsideHTMLIsLocked = 'false'->

    < head >

    < meta charset = "utf-8" >

    <!-InstanceBeginEditable name = "doctitle"-->

    The < title > Lake House excellent rental vacation-Julia < /title >

    <! - InstanceEndEditable - >

    <!-InstanceBeginEditable name = "head"->

    < style type = "text/css" >

    H1 {}

    do-size: 110%;

    Color: #000000;

    }

    {.home_page_text}

    float: left;

    Width: 800px;

    left margin: 45px;

    }

    {.start_date}

    margin-right: auto;

    left margin: auto;

    do-size: 200%;

    }

    {.normal_text}

    make-weight: lighter;

    font size: 53%;

    text-decoration: none;

    }

    {.normal_size_text_2}

    do-size: 130%;

    }

    < / style >

    <! - InstanceEndEditable - >

    < style type = "text/css" >

    {.heading_area}

    Width: 930px;

    background-color: #16603B;

    top: 12px;

    bottom: 12px;

    margin left: 40px;

    margin-right: auto;

    border-radius: 12px;

    height: 190px;

    padding-left: 10px;

    }

    {.menu_area}

    Width: 800px;

    padding-top: 20px;

    Clear: both;

    left margin: auto;

    margin-right: auto;

    padding-left: 85px;

    }

    {.menu_item}

    border: medium none #16603B;

    Width: auto;

    text-align: center;

    float: left;

    padding-top: 6px;

    padding-bottom: 6px;

    border-radius: 8px;

    font-size: 85%;

    make-style: italic;

    Color: #000000;

    make-weight: bold;

    Clear: none;

    margin left: 30px;

    padding-left: 10px;

    padding-right: 10px;

    }

    .individual_page_area {width: 900px;}

    margin-right: auto;

    left margin: auto;

    }

    .page_header {margin-right: auto;}

    left margin: auto;

    text-align: center;

    font-size: 135%.

    }

    .footer {}

    Width: 900px;

    margin-right: auto;

    left margin: auto;

    text-align: center;

    top of the margin: 5px;

    margin-bottom: 12px;

    do-size: 100%;

    padding-top: 5px;

    Clear: both;

    }

    . Header {}

    Width: 750px;

    margin-right: auto;

    left margin: auto;

    margin-top: 0px;

    margin-bottom: 25px;

    text-align: center;

    make-weight: bold;

    }

    {.detail_page_area}

    Width: 850px;

    margin-right: auto;

    left margin: auto;

    do-size: 100%;

    }

    H1 {}

    font size: 250%;

    Color: #000000;

    }

    H2 {}

    do-size: 110%;

    Color: #000000;

    }

    a: link {}

    color: #13365A;

    text-decoration: none;

    }

    a: visited {}

    text-decoration: none;

    color: #13365A;

    }

    a: hover {}

    text-decoration: underline;

    color: #6B7AE4;

    }

    a: active {}

    text-decoration: none;

    color: #13365A;

    Clear: both;

    }

    . Small {}

    text-align: right;

    float: right;

    right margin: 50px;

    top of the margin: 12px;

    margin-bottom:-14px;

    Clear: both;

    Width: 300px;

    font size: 25%;

    }

    {.whole_page}

    Width: 1020px;

    margin-right: auto;

    left margin: auto;

    }

    body, td, th {}

    Color: #000000;

    }

    {.head_image}

    text-align: center;

    margin-right: auto;

    left margin: auto;

    padding-top: 12px;

    }

    {body

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

    }

    H3 {}

    do-size: 120%;

    color: #13365A;

    }

    {.very_small_text}

    font size: 50%;

    }

    {.left_1}

    text-align: left;

    float: left;

    Width: 150px;

    make-weight: lighter;

    font size: 50%;

    }

    {.right_1}

    text-align: left;

    left margin: 20px;

    Width: 200px;

    make-weight: lighter;

    font size: 50%;

    }

    < / style >

    < / head >

    < body >

    < div class = "whole_page" >

    "< div class ="head_image"> < a href =" index.html"> < img src =" images/IMG_7468_header.jpg "alt =" "width ="800"height ="443"border ="0"/ > < / has > < / div >"

    < div class = "menu_area" >

    < div class = "menu_item" > < a href = "index.html" > home < /a > < / div >

    < div class = "menu_item" > < color = "#16603b" > < a href = "photos.html" > Photos < /a > < / police > < / div > ""

    < div class = "menu_item" > < a href = "things_to_do.html" > Things to Do < /a > < / div > ""

    < div class = "menu_item" > < a href = "testimonal.html" > stories < /a > < / div > ""

    < div class = "menu_item" > < a href = "contact.html" > Contact < /a > < / div > ""

    < / div >

    < div class = "menu_item" > < a href = "map.html" > map < /a > < / div > ""

    < div class = "menu_item" > < a href = "Pricing.html" > pricing < /a > < / div > ""

    < p > < / p >

    <!-InstanceBeginEditable name = "EditRegion3"->

    < div class = "header" >

    < h3 > welcome home of Julia Lake < / h3 >

    < div class = "start_date" > < img src = "Images/Starting.png" width = "450" height = "43" alt ="" / > < / div > "

    < / div >

    < div class = "detail_page_area" >

    < div class = "home_page_text" >

    < h1 >

    < div class = "normal_text" > This family friendly lakeside House is the ultimate getaway.

    Take advantage of the Ozark & rsquo; s natural beauty and tranquility to this Lake Northwest of Arkansas home front.  Two separate garden balconies and the Sun porch overlooking spectacular body of the Lake Loch Lomond and provide relaxing views to relax from the stress of daily life. < / div > < / h1 >

    < div class = "normal_size_text_2" > Julia & rsquo; Lake House is a House with five rooms that can accommodate 10-12 people of 4 600 square feet.  It is located in Bella Vista, Arkansas, only 20 minutes from the airport of Northwest Arkansas Regional (XNA).  There is hundred-fifty-four feet of access before direct Lake, with a fifty-foot dock that can accommodate two boats 24 ft. The slope soft backyard at the Lake is 100 feet from the back door. There are two living areas spacious overlooking the stunning Lake, two pellet fireplaces, two kitchens, and the House is on a dead-end street.  Fuel and boat rentals are available on the Lake at Lakepoint Marina. < br >

    < br >

    It is a House with great things to do year-round holiday all year round.   Julia & rsquo; s Lake House is close to many activities such as: six golf courses, short tennis, hiking and bike paths, boating, fishing, swimming.    Nearby are attractions such as the Crystal Bridges Art Museum world and Amazeum; Silver Dollar City and Branson music theatres; Table Rock and Lake Beaver; and the civil war Pea Ridge battlefield.   The food centers and local events include: the Bentonville Film Festival, days of market Vintage, NWA Arts & amp; Fair of crafts, Lakepoint Restaurant and Event Center, and simple pleasures Event Center.

    < / div >

    < / div >

    < / div >

    <! - InstanceEndEditable - >

    < p >

    < div class = "menu_area" > < div class = "menu_item" > < a href = "index.html" > home < /a > < / div >

    < div class = "menu_item" > < color = "#16603b" > < a href = "photos.html" > Photos < /a > < / police > < / div > ""

    < div class = "menu_item" > < a href = "things_to_do.html" > Things to Do < /a > < / div > ""

    < div class = "menu_item" > < a href = "testimonal.html" > stories < /a > < / div > ""

    < div class = "menu_item" > < a href = "contact.html" > Contact < /a > < / div > ""

    < div class = "menu_item" > < a href = "map.html" > map < /a > < / div > ""

    < div class = "menu_item" > < a href = "Pricing.html" > pricing < /a > < / div > ""

    < / div >

    < p >

    < /p >

    < div class = "footer" >

    < p > website developed by < span class = "style2" > < em > websites by Don < /em > < / span > (send feedback Web site a < a href = "mailto:[email protected]' > Don < /a >" ") < br / >

    Copyright © Julia Lake House - all rights reserved < /p >

    < / div >

    < div class = "small" >

    < div class = "left_1" >

    < h1 > VRBO, HomeAway, Airbnb, Bella Vista, AR < br >

    VRBO, NWA < br >

    Holiday rentals in Bella Vista, AR, < br >

    Vacation rental Bentonville, < br >

    Rogers, AR, < br > holiday rental

    Vacation rental Fayetteville, AR, NWA < br >

    Crystal Bridges, Amazeum, < br > residences

    Lakepoint Restaurant and event Center < br >

    Accommodation near simple pleasures Event Center < br >

    Accommodation near Bentonville Film Festival < br >

    Strong increase-Rogers, AR < br >

    Days of vintage, NWA < br > market

    Northwest Arkansas Arts & amp; Lodging < br > craft fairs

    NWA < br > craft fairs

    Eureka Springs, hot springs, Fayetteville < br >

    Hotels near Crystal Bridges/Amazeum < br >

    Crystal Bridges housing < / h1 >

    < p > < / p >

    < / div >

    < div class = "right_1" >

    < h1 > mountains Ozark Lodging < br >

    Complex nestled in the mountains Ozark < br >

    Accommodation near Crystal Bridges < br >

    < Br > XNA airport

    Near offices at Wal-Mart Bentonville, AR < br >

    The < br > Lake retreat

    Lakepoint Restaurant & amp; Event Center < br >

    Lakepoint, Bella Vista, AR < br >

    Loch Lomond Marina - All sports Lake < br >

    Golf Bella Vista, kayak, paddle board, swimming, fishing, hiking, bike < br >

    Bella Vista hiking < br >

    Bella Vista cycle < br >

    Bella Vista Golf Courses < br >

    Lakes of Bella Vista < / h1 >

    < / div >

    < / div >

    < p > < / p >

    < / div >

    < / body >

    <! - InstanceEnd - > < / html >

    To ensure consistency, you must use standard HTML tags in your markup.

    Heading 1

    Heading 2

    Heading 3

    This is a paragraph

    This is a paragraph

    This is a paragraph

    CSS:

    {p}

    do-size: 18px;

    line-height: 1.5;

    do-family: ' open without ', ' Gill without ', "Gill Sans MT", 'DejaVu Sans Condensed', 'Myriad Pro', Helvetica, Arial, without serif;

    color: #222;

    }

    Nancy O.

Maybe you are looking for