How can I get an image to stretch the length of my website being seen on the screens?

Here is an example of my site im working on HERE I would like for the image on the landing page range from edge on board as needed when viewed on large screens. I know it's possible because it's done here I don't know how to do it PLEASE HELP.

To achieve a similar effect, simply use the Rectangle tool to create a bar that if grip-to-fit horizontally the box browser in design mode. Then use fill options to insert a picture in the rectangle; You can also change the mount option to scale the horizontal fill or tile/mosaic. See the following screenshot.

Thank you

Vinayak

Tags: Adobe Muse

Similar Questions

  • DW CC sensitive site, Image problem, how can I get my image to stretch in the width 100% in the div container (wrapper)?

    I have a HomeHeader (upper Div) homebody (body div), 4 low box divs (not important). Im trying to get my homebody (body div) to stretch 100% width on the container as My HomeHeader (upper div) did. The two albums div and body divs are IMAGE backgrounds!

    Capture 1.PNG

    Now, I did something interesting that is, changed my homebody (body div) of the background color in the Red image background and it streched:

    Capture 2.PNG

    I don't want a solid color! I want the image that I designed in photoshop CC. I don't understand how I could get my div image to stretch, but not the image of the body. Help, please!

    PS. This is a copy of my CSS

    ICWOT:

    @media only screen and (min-width: 769px) {}

    {.gridContainer}

    Width: 100%;

    margin: 0;

    Clear: none;

    padding: 0;

    float: none;

    }

    {#HomeHeader}

    background-image: url (.. / WebDesign-assets/images/TopFooterH.jpg);

    height: 61px;

    }

    {#HomeBody}

    background-image: url (.. / WebDesign-assets/images/BodyH.jpg);

    height: 653px;

    }

    {#Home1AboutBlock}

    Width: 24.1758%;

    }

    {#Home2ProjectsBlock}

    Width: 24.1758%;

    margin left: 1.0989 per cent;

    Clear: none;

    }

    {#Home3StoreBlock3}

    margin left: 1.0989 per cent;

    Clear: none;

    Width: 24.1758%;

    height: auto;

    }

    {#Home4ContactBlock4}

    Width: 24.1758%;

    margin left: 1.0989 per cent;

    Clear: none;

    }

    {.zeroMargin_desktop}

    left margin: 0;

    }

    {.hide_desktop}

    display: none;

    }

    }

    Please help once again!

    You realize that will only look great on your screen, right?    Background images don't re - adapt to windows.  So for people on larger or smaller screens, it won't have the same experience.

    You could significantly reduce bandwidth by using a smaller picture with this method.

    Resizable background image full Page

    Nancy O.

  • How can I get my images on the Cloud for people to buy?

    How can I get my images on the Cloud for people to buy? I lost time differences and the photos and other stock video and photos. Thank you for your time.

    Michael. Tmoss

    Hello

    On this page: frequently asked questions, Adobe Stock

  • How can I get cursor to open above the text field?

    When to create a form with fields of text of the slider opens in the middle of a text field. (according to the image) How can I get cursor to open above the text field?

    Thanks for any help

    cursor.jpg

    Set the field to be multiline.

  • How can I get FireFox to work on the first Google ChromeBook addition? He repeats to me upgrade and when I do it says does not support?

    How can I get FireFox to work on the first version of the Google ChromeBook? Everytime I open it it said to update or upgrade to FireFox and make it your main page. So I downloaded it and it's open once it is installed, but then a message appears that says "can't stand" search for an application that supports FireFox and its software, or something of the sort. I was sitting here with a full battery when I started and now it is dead... and I still don't have FireFox on my ChromeBook.

    What do I do now or how do I get it to work? And if it just simply won't work on a CHromeBook then they need to have that riht out in the open.
    

    Hello

    I had a peek in this and was informed that Firefox does not work on Chrome OS.

    It is designed and done a little differently from the likes of Windows and Linux and will not support another browser being installed.

  • How can I get a new category in the list?

    I have included a number of events of the churches, using the calendar in Thunderbird, but whenever I have to add 'Church' as a new category, even if I already added. How can I get a new category in the list? It might also be useful to be able to get rid of the categories that I'm probably not want. Is this possible?

    When you add the new category?
    If added to the event entry so it is an addition of time.
    You go to Options-calendar-categories and add is there to be a permanent choice. There is also a button to delete it.

  • How can I get my account number of the device Apple Watch and iPhone 5?

    How can I get my account number of the device Apple Watch and iPhone 5?

    Try this below - it can help you!

    In the Apple Watch app on the iPhone, under My Watch > booklet & Apple pay > [your specific credit card]

  • How can I get my scanner to scan the original documents identical?

    Hello

    I just install the printer/scanner (series HP photosmart premium C310 / CN503-64001). I did 2 tests. On the 2nd scan the sides intersect.  I repeated the analysis a few times, but the problem remains. On the touch screen, it shows the document correctly. I had the scan open preview (I use a Macbook Pro, Mac Os version 10.6.8).

    How can I get my scanner to scan the same original documents?

    Thank you for helping me!

    Birgit

    Hello, Birgit

    How the printer is connected to the computer? You mention the touch screen are you scan from the front of the printer? What happens if you try to scan from the HP software?

    In Mac OS X scan with the HP software

    Also could you check which printer you are using? Photosmart C310 is the series and I couldn't find a printer with the CN503 64001. Usually, the model number on Photosmarts are located under the lid of the printer where the ink cartridges are. Help, find the follow-up model number below.

    How can I find my model number?

  • How can I get my contacts and all the other stuff I had on the old email?

    Original title: I changed my email because they said my old email was invalid... How can I get my contacts and all the other stuff I had on the old email? They said, it has been deleted

    If my email isn't valid how I used it?

    Hello

    1. which email account you are referring to?

    2. What is the version of Windows installed on the computer? For example, Windows 7, Vista

    Please answer these questions and provide additional information so that we can better guide you.

  • My screen suddenly upside down. How can I get that back right to the top?

    My screen suddenly upside down.  How can I get that back right to the top?

    High graphics most of range, the cards are equipped with display rotation built in and adjustable via display properties or via the display properties of the display icon in the Notification area (to the left of the system clock).  It is a nice feature if you want to read things more like a book on your laptop, etc.

    Some examples would be ATI, NVIDIA, Intel, Matrox, S3, XGI...  These adapters can be integrated into your system, and not always his own card.

    This phenomenon of rotation screen sometimes inadvertently some keystrokes (the cat walked on my keyboard).

    Pressing on the keys Ctrl-Alt top/arrow down arrow rotates screen 90 degrees at a time for some graphics (like NVIDIA) cards

    If this does not work, we will need to know your system brand and model and see if we can look at the rotating screen for you shortcut keys.

    Do, or do not. There is no test.

    I decided to implement the points for a new puppy instead of a pony!

  • notification area: How can I get my internet connection and the life of the battery and its return in the notification area

    How can I get my internet connection and the life of the battery and its return in the notification area

    on the bottom right of my screen?

    I tried the properties and to add notifications but it net let me add them...

    Hello

    1 Please reboot nothing so interfere with this process.

    Click with the right button on Taskbar - Properties - tab Notification area - check box Volume - if it is grayed out
    Then, use this link. (The battery is the same method.)

    How to enable or disable the system tray in Vista icons (there are several methods
    and you can to use them all).
    http://www.Vistax64.com/tutorials/106787-notification-area-system-icons.html

    If necessary: a Mr Fixit

    System icons do not appear in the notification area in Windows Vista or in Windows 7 until you
    Restart the computer
    http://support.Microsoft.com/default.aspx/KB/945011

    I hope this helps.

    Rob Brown - MS MVP - Windows Desktop Experience: Bike - Mark Twain said it right.

  • How can I get mini rear deck after the update to PS CC 2015?

    How can I get mini rear deck after the update to PS CC 2015?

    You can not. Mini Bridge used Flash and Flash is no longer supported in Photoshop.

  • How can I get my document to save the last used rotated view?

    How can I get my document to save the last used rotated view?

    Possible with Adobe Acrobat, Adobe Reader No.

  • How can I get rid off "Download" in the action menu

    Dear all,

    In an interactive report, how can I get rid off "Download" in the action menu.

    Thanks in advance,

    In the reports of the attributes, the attributes of the search bar page, uncheck the box download.

    http://Apex.Oracle.com/i/doc/bldapp_rpt_int.htm#BABDCABG

  • How can we make a visible element on the screen based on the selection of an existing menu in the same screen

    February 2015 release OPA

    How can we make a visible element on the screen based on the selection of an existing menu in the same screen.

    I have a list box and a text box in the same screen.

    I have a visibility rule on the text box saying that it is only available for one of the selection in the menu dropdown.

    problem is now unless I hit the button next to the screen and return to the original screen the text box does not appear.

    Is there a solution to more to come this problem.

    Please help me

    The feature you describe is called "dynamic visibility" (http://documentation.custhelp.com/euf/assets/devdocs/february2015/PolicyAutomation/en/Default.htm#Guides/Policy%20Modeling%20User%20Guide/Interviews/Screens/Add_questions_to_screens.htm#Dynamic). It allows to control the visibility of another article on the same screen, without writing a separate rule of visibility and click on Submit.

    Using out-of-the-box functionality, you can have dynamic visibility based on Boolean values and value lists (but not regular drop-down lists).

    The example in the February 2015 User Guide based on a Boolean value on the same screen. See slide 27 of the bridge-features and benefits for an example of what it looks like to a list of value: http://www.oracle.com/technetwork/apps-tech/policy-automation/overview/opafeb2015featuresbenefits-2431219.pdf

    If you are wondering what is a list of values, see here: http://documentation.custhelp.com/euf/assets/devdocs/february2015/PolicyAutomation/en/Default.htm#Guides/Policy Modeling User Guide/Value_lists/What_is_a_value_list.htm

    See you soon,.

    Jasmine

Maybe you are looking for

  • No Caprioning closed on ATV for Youtube

    If I play a Youtube video in Safari, I get the captioning. If I play in ATV, I have not. How he do in ATV?

  • execution time varied in image processing

    Hello I designed a vi to process the images eyes and calculate its Center. However I seem to be getting various run time sometimes 100 ms sometimes > 200ms. I used the structure of flat sequence and timers to measure the runtime of the vi. I had a fe

  • command-line exec VI entry system

    I'm evaluating a temperature probe. For this I must watch the thermocouple readings. Thermocouple is attached to the FP-TC-120 of temperature module. Moreover, I have to acquire data from the optical spectrum analyzer. I use 3650.VI to monitor the te

  • No signal on monitor input, lights on the keyboard

    When you start the computer, even if it sounds as if everything is fine with the start-up, the monitor says no signal input and then switches off the power, but the keyboard lights up. Any help greatly received

  • Recieved SMS message don't show up as a preview/banner

    Hi guys, my xperia z3 new compact arrived today, but I'm having some trouble I want my phone displays a banner that scrolls down from the top of the screen when I receive a text message sender and message alert name post content (such as banners on i