Full width images? Not slideshows!

Hey, How can I have an image to be the full browser width? I know this possible with slideshows but o just want the single image! Ideally so that it is resized to fit different browser widths? Cheers

II've tried that, the only issue is that when I reduce the size of the browser the image is cropped into. Is there a way of getting the image to remain the same, resizing to correspond with the browser width?

Similar Messages

Centering a full width image in Adobe Muse

Can anyone help. I am trying to centre a full width image in adobe muse but I am getting nowhere! I am trying to keep the center of the image in the middle of the browser no matter what the browser width. I am using the image as a fill in a full width box and have tried centering it using the fill options (top centre) and using the align (central ) tool for the box but neither seem to work. My page can be viewed at
www.helioswebdesign.co.uk
Any help would be much appreciated
Yours
martin

To add images press CTRL+D and then select the image and place it where you want.
To hyperlink it go to the top menu and there should be Hyperlink folowed by a box. Enter your URL to link in there.
You can also use the slideshow widget should you want to make a slideshow.

Full Width Image/Slider

Hi everyone,
I'm having some problems using the full width option in relation to height.
I want my image to adjust to both height and width as per the top image/slider following Adobe Muse Site of the day website - Home
At present the width of my image adjusts perfectly on different browsers, but the height just cuts out part of the image rather than increasing it's size. The images I am using are more than adequate in size to adjust to even the largest of resolutions.
Since the above Adobe Muse created site manages to achieve responsive height and width I was wondering how this is achievable?
Thank you

Can someone tell me how one would go about getting some customer support from Adobe?

Insert Image with full width

Hello,
I'm trying to insert a full-width image (like a header, or a graphic cover, footers and stuff) but no matter the size I make the image on Photoshop, it always shrinks when I insert it in Adobe Acrobat XI
I know I can drag and make it full-width, but then I loose a lot of graphic quality in the process. Is there a way to disable the auto-resizer when adding new images?
Thanks!

Actually if I'm not mistaken, the pixels do matter, but the relation between pixels/size are determined by the DPI you set to the image.
My PDF file is 110 DPI (110 pixels per inch), and the images I do in Adobe Fireworks are 110 DPI as well.
No matter the size I do the images, they always get resized to about 70% of the page's full width.
I'll take some screenshots of the process and post them here
Here:
Creating the image (21cm wide (100% of pdf's width), 3cm height.. 110 dpi)
Adding it to the PDF trough the Tools menu bar (right side)
The output... A image with 70% of the PDF's width, where it should be 100%
And as you can see, the PDF's DPI is set to 110, the same as the image
So I can only conclude that Acrobat is resizing my images, maybe to fit the margins or something, and I would like to disable that :]

Full width parallax menu scrolling

Hi all, did anyone of you have this problem that I am encountering? My site www.west-coast-equine.ie loads perfect but when using the anchor based menu the full width fill of the background pics shifts to the left. Would appreciate some input and thank you in advance

I believe the issue is resolved ? As i can check on my end and dont see the same behavior you have mentioned with full width images.
Thanks,
Sanjit

Full legend in image slideshow full width

Hi Everyone,
I can't get a legend full width with a background color in the image full width ( Slideshow ) , could you help me please ?
Thanks
Message was edited by: zeek zeek

@iamDK,
Thanks for the response. I am familiar with Pinning and Slideshow Widgets and have been using Muse since it's inception, what I don't understand after watching one of the videos in which Terry White mentions FullScreen or Browser Width using the Slideshow widget and as Jason Bibby at the top also mentions, I have not had any success using any of the SS Widgets again to acheive this effect. Pinning the SS Widget to the top of the Browser does just that and does not stretch images within it to fill the Browser Width even if you get inside the widget to expand an image so that it snaps to the edge of the Browser still does not do it regardless of weather its pinned or not.
I've had to jump into DW to get this done - in combination to using Fluid Grid, which I had rather not but so far so good, at least its responsive and not having to create twice in the case of Muse. I love Muse for its simplicity, being able to whip up pretty much any design in no time is sweet, but having a SS that stretches Browser width is a common trend and I'd like to see it integrated into Muse and if it can be done now as the video shows then how?
If you know how to do this in Muse could you please show us how?
Kind regards,
Kelvin

Full browser width image with tiled pattern not previewing or publishing.

Using the rectangle tool to create a full browser width image, I filled it with a tiled pattern and added a drop shadow. This 80px tall rectangle serves as the background bar of my top menu navigation. Everything looks great when building in Muse CC, but when I go to preview or publish, it's missing altogether.
Any ideas?
http://moonstonebistro.businesscatalyst.com/index.html
~ Kacee

Looks like you have deleted the site now. If you were experiencing any errors during publish, most likely it happened due to the recent outage with BC with loading of assets to sites hosted on US DC - http://status.businesscatalyst.com/.
Thanks,
Vinayak

Full Width Composition Slideshow

I know you can have a slideshow that is full width but I want a slideshow with Targets, not thumbnails, which I normally use a Composition. But when I select the Composition the Full Width button is not available. Is this a future feature? Is there a work around?

Is there a work around for creating a full width composition. I'd like to use it as a slide show with individual click throughs.
I've done it by oversizing the images, but its not great.....Home Technology Design & Consultancy Services, Living Home Tech, design and install home automation solutions including …
If only the full width button worked with compositions...
Do you know if this is on the list to be looked at?
Thanks.
Paul

Full-Width slideshow appears fine in editing stage but browser preview shifts the slideshow to the left?

My problem is exactly as described from this unanswered question a couple weeks ago: slideshow within composition widget - 100%width image causes bug
I have a full width slideshow that is set to fill the browser but when previewed the page shifts the slideshow to the left. Upon a tiny 1px browser resize the slideshow will then snap back to full size and then work as intended. I have had this issue before and have no idea how to remove this invisible padding that must be occurring...

So here is a shot of what the gap looks like. I am not quite sure what you mean by setting the page resolution with 100%. I clicked the "full-width" button.. I should also mention that I have scroll effects on in the slideshow. Though no anchor points on the page means no way for the page to shift...

Content in the page not displaying in full width

Hello everyone,
We have a EP 2004s SR1 Portal with customized framework page and display theme.
When logged on to the protal, the first page(say home page) was displaying by leaving some width at right of that page (approximately the width is equal to scroll bar width). For remaining pages this is not the case...it is displaying properly i.e displaying with full width covered.
and one more thing is, this is happending in Production and QA machines...For Development machine it is working fine.
Could any one help me in this...
Thanks in advance
Regards
Sunil Chiluveru

In your style.css on line 187 you have this. Remove the max-width.
.section > .content {
    background-image: url('../images/frame/contentBg.png');
    max-width: 800px;
    padding: 4%;
    text-align: justify;
    color: #646462;
    overflow: auto;
Nancy O.

Full Width 'Basic' Slideshow

I am trying to make the slideshow on my page full width, which will expand with the window size. I have dragged to the edges of the screen but it doesn't go to edge of the screen when previewing in a browser.
Could someone please help?!
Thanks,
Jon

100% width is a CSS BASIC. I don't get it. Designers are using 100% in their designs...it's very popular. How did this one roll off the table? 100% slide shows are years old. Nothing new...I don't get the "miss" on this but it would be nice to have a Creative Cloud membership that has complete products rather than a bunch of them that are constantly being sourced for customer feedback. No one wants a produict in eternal preview and it used to be that "previews" or betas were a user's option.
I think Adobe needs to remove "preview" products from CC - no one wants to be met with the frustratin of a product that does not have all the considerations...esoecially when they are paying $50 a month. it's like paying for pain.
In the case of not having 100% width for slideshows, it's kinda like building a house with doors.

Full-width slideshow glitching on mobile

I'm having some issues integrating full-width slideshows into my website. They look amazing on a desktop, but not so much on a phone. See it here: birdwalkpress.com
When viewing the slideshow on a phone, there are a couple of intermittent issues.
1. When you zoom in, the slideshow jumps to the left. It doesn't reset when you zoom out either- it's (usually) stuck off the left edge of the screen.
2. You often can't scroll the page if you grab the slideshow, only if you grab other elements on the page.
I'm assuming this is a bug. Can anyone from adobe shed some light on this?

Hi
I see the issue you have reported, could you please send your muse file as an attachment to us so that we may further look into the issue.
Please send your muse file to : [email protected] with subject line attention: Anshul
PS : Please make sure to include link to this forum post in your email as reference.

"Full Width" Slideshow with overflow hidden?

Hello,
I am using the slideshow widget with a huge width at the top of my page, underneath follows the content
with 842px width. Side width and column width is also set to 842px.
The Site aligns horizontally nicely. I want the slideshow to be cut off left and right by the browser width.
100% browser width, hidden overflow.
On the left side, the slideshow is "cut off" nicely by the browser, no scrolling to the left
is possible.
On the right side, one can scroll all the way over to the right corner of the "oversized" slideshow.
Is it possible to set the slideshow to 100% of the browser width and then hide the overflow-x? I did not even find
a way to do that manually, browsing though the html export's code. The most important <div> is generated in the depth of the widget's .js.
Or is there any other way to prevent the user from scrolling to the right? (hiding the bar is not enough nowadays, being trackpads all over)
Can I send the muse file to you?
Thank you very much in advance!!
Mike

FYI, if you want to keep the vertical scrolling capabilities, you should actually add:
overflow-y: scroll;
overflow-x: hidden;
instead of just overflow: hidden;
BUT thank you so much for finally saying this can be done in the header section of Page properties. I've been trying to create a "full width" effect for ages!!

Optimum size for a full browser width image?

Hi all,
I'm pretty new to Muse and these forums (hello everyone!) and have been tinkering around with some features.
I'm currently creating a website for my band that integrate a full width browser image at the top of each page. I was wondering what the optimal settings are for the image size to make this work? It all currently works fine, but on larger screens the image is so zoomed in it's impossible to make out what it's of! The site is designed for smaller screens so this works fine, I was mainly wondering if there's a recommended size to optimised the images too for the width.
Any help would be greatly appreciated!
Kind regards, Ekke

This must be a hard question to answer...for anyone...because I have tried many times before to get this question answered. I have looked at other examples of Muse sites and I have decided to go with a 2000 width for my images when I want to go full screen. I have no idea if this is correct but I get good results pertaining to how it looks. Now, I don't know if it is the optimum size in terms of download speed. No one will touch this question thus far. My research came from looking at what others did that built Muse sites as a profession.
The Muse team should address this topic of optimal images for all platforms and how images can be used throughout the build not only for the above stated but for efficiency of site building.

Uneditable full-width bitmap images

Under what settings does Captivate record the state change of various UI elements, like the depression of buttons and the checking of check boxes, as additional narrow, full-width bitmap slices which are not editable or localizable?
For new recordings, it looks like creation of these slices can be avoided by deselecting Record keystrokes in the Recording > Settings category in Edit > Preferences or in Record/Create > New Project > Settings. Is this correct and a known issue?
Has anyone any insight on how to avoid these uneditable full-width bitmap images? The goal is to have a single background that can be localized so they are a major headache and I'd like to know how they can be avoided. Thanks.

I'm complelely baffled. The only bitmap you should have is the background. If you haven't solved your problem, send me your file or a representative slide or two so I can take a look. Sounds like gremlins in the Print Screen key.
Leslie Bivens
E-Learning Developer/Captivate Coach
[email protected]

Full width images? Not slideshows!

Similar Messages

Maybe you are looking for