Background Shifts when previewed

After I have published demo. On some slides that have a click
box. The click box is set to pause until user clicks. (that when
clicked goes to next page) the demo will pause and then I get an
image shift which dispalys to images of my button. I have tried
deleting, saving, and then adding and the same thing happens. Any
help is appreciated.
Bill

Hi Bill
I'm having trouble visualizing what you may be seeing. Are
you able to post a link to the output or possibly a screen capture?
You know what they say. Sometimes a picture is worth a
thousand words...
Cheers... Rick

Similar Messages

Div box shifted position when previewed on browsers??

Hi,
Can anyone please advise why one of my div boxes (the third one) in Dreamweaver shifted position when previewed on Firefox and IE? My other two div boxes have no problem when previewed on browsers.
#textBoxForDesignTitle {
    height: 40px;
    width: 372px;
    font-size: 15px;
    color: #C9B042;
    background-color: #0E103E;
    text-align: center;
    margin-left: 414px;
    border-collapse: collapse;
    border-spacing: 20px 0px;
    font-style: normal;
    font-weight: lighter;
    border-radius: 20px;
    -webkit-box-shadow: 2px 2px 9px 1px #000000;
    box-shadow: 2px 2px 9px 1px #000000;
    border: medium ridge #C9B042;
    padding-top: 1px;
    margin-top: -4px;
#textBoxTwoForDesignTitle {
    height: 40px;
    width: 372px;
    font-size: 15px;
    color: #C9B042;
    background-color: #0E103E;
    text-align: center;
    border-collapse: collapse;
    border-spacing: 20px 0px;
    font-style: normal;
    font-weight: lighter;
    border-radius: 20px;
    -webkit-box-shadow: 2px 2px 9px 1px #000000;
    box-shadow: 2px 2px 9px 1px #000000;
    border: medium ridge #C9B042;
    padding-top: 1px;
    float: left;
    position: relative;
    left: 35px;
#textBoxThreeForDesignTitle {
    height: 40px;
    width: 372px;
    font-size: 15px;
    color: #C9B042;
    background-color: #0E103E;
    text-align: center;
    border-collapse: collapse;
    border-spacing: 20px 0px;
    font-style: normal;
    font-weight: lighter;
    border-radius: 20px;
    -webkit-box-shadow: 2px 2px 9px 1px #000000;
    box-shadow: 2px 2px 9px 1px #000000;
    border: medium ridge #C9B042;
    padding-top: 1px;
    position: relative;
    left: 166px;
    float: left;
Thanks very much!!
mykw123

Hi Preran,
Sure, I can share with other users but I am not sure this solution was the best, but it works for me.   Somehow something about Dreamweaver is very complicated to use and understand- just in my opinion. All I did was to add another div box outside of the 3rd text box which I created as div box (also did it for the 2nd text box since they aligned close to each other). I know it shouldn't be needed since the text box is already a div box itself and my 1st and 2nd text boxes were okay.
Preran- please see my other question posted and maybe you can help? Thank you.
http://forums.adobe.com/message/6172302#6172302
Thanks,
mykw123

Having issues with text etc. shifting in preview. Any ideas as to what is going on here?

When I place type or other items on a page, they shift in Muse preview and when previewing in a browser. Size and placement of the text are incorrect. Why are these items not lining up as they did in the Design panel in Muse? I even tried creating a blank page with only some text center to make sure it wasn't something else in my page. One would think this would be a basic feature of Muse. Having items show up where you actually placed them. What am I missing here? My layout looks fine until I preview. I'm new to Muse, so maybe I'm missing something in my setup. Thanks in advance!
Looks fine here. This particular page has a full screen video background via a widget. But even on a blank page I have the same issue.
Then in Previewing it all shifts and the text seems scaled down.

This is for imessage and not text message, this can occur when people are sharing the same apple id.
On each devices go to settings - message - send&receive - either uncheck or remove the apple id.

When previewing images by clicking on the thumbnail in an Event for example, I've been finding that many images preview in a 'zoomed in' way so only a small part of the photos is previewed in a highly magnified view.

When previewing images by clicking on the thumbnail in an Event for example, I've been finding that many images preview in a 'zoomed in' way so only a small part of the photos is previewed in a highly magnified view.
Initially I could find no cause. Then I tried right click - Edit and on the affected images, always get this warning:
"Image Cannot Be Edited - This photo was previously edited with another application or with an early version of Iphoto. Duplicate this photo to edit it." and a "Duplicate To Edit" Button is displayed.
The external Editor defined for iPhoto is Adobe Photoshop Elements.
Now, I reckon the MUST be others out there affected by this same apparent Preview bug, yet my searches have not revealed any answers. Also seems impossible to find a contact number for adobe???
Thanks

Start '''[https://support.mozilla.org/en-US/kb/troubleshoot-firefox-issues-using-safe-mode Firefox in Safe Mode]''' {web Link} by holding down the '''<Shift ''(Mac Options)'' >''' key, and then starting Firefox. Is the problem still there?

Keyboard shutcut for choosing background color when brush tool is active?

Hello,
I've forgotten the keyboard shortcut for choosing a background color when the brush tool is the active tool . Holding down the alt key with the brush selected chooses the foreground color. What key do you hold down to select the background color? I'm on a mac. Thanks.

caligula1 wrote:
One keyboard shortcut for choosing a background color that you might not be aware of is opt + I (on a mac)
That's interesting, but is it a lower case L or upper case i? I certainly can't make it work on a PC.
A couple of thought for you... There are no easy to use shortcuts unused in Photoshop nowadays, so I sometimes steal them from little or never used operations. For instance, how many people use H for panning instead of the Space bar. I know H has the benefit of locking in panning, but I don't think I have 'ever' had a need for it. I have, in the past, stolen Y from Blur and Smudge, but I have not done so in recent versions.
But for quickly and constantly picking background colours, you need a convenient key, and that suggests the Z key to me, as I always zoom with the mouse and Ctrl (or Alt) Space bar. Just a thought.
Another option is the Wacom Express keys if you are using a tablet that has them. The Keystroke option won't accept some combinations, but I think it would be doable
Shift F4 is for an Action I used to use a few versions back, to place guides at 50% vertical and horizontal. They are easy to snap drag nowadays.
One last idea on a similar vein, are programmable keys on custom keyboards. I don't know if they are available for the Mac, but I use a Logitech G110 which has 12 programmable keys on the left of the usual layout. These 12 keys can be programed three different ways, and selected by the M keys above. I originally bought this keyboard for its illuminated keys, but I quickly got used to the extra functionality. Even the little volume control, in the top right corner, (highlighted in magenta below) is such a convenience. I use these keys for launching Actions,, although I found I had to make both G8 and G12 mirror the Ctrl key as I occasionally hit them by mistake.

Artwork shifting when exporting or saving for web?

Have been creating some simple icons in Illustrator (CS 5.5), but the artwork is shifting when I try to export. For example, I'll create a 30x30px artboard, draw the icon inside the artboard, end export as a PNG. When I do this, even though the artwork is completely within the bounds of the artboard (no drop shadows or anything like that that would extend outside the artboard), there is some slight clippling that occurs in the exported icon. It's like Illustrator is shifting the artwork to the right and/or down 1 pixel as it exports. Any ideas what might be happening here?
In the meantime, as a work-around I've just been copying the artwork from Illustrator, pasting it into a 30x30px canvas in Photoshop, pasting the artwork, adn then doing Save for Web. This works fine, but is an extra step that I'd rather not have to do.

Jacob,
I tried enabling "Use Preview Bounds" as you suggested, but it still showed everything within the artboard. This was as expected since I set the button stroke for inside alignment rather than centered alignment when I created it.
I've attached an image showing the icon in 3 states. The left most image is the icon as it appears in Illustrator shown within the artboard. Actually the artboard was created by clicking on the icon. When "Use Preview Bounds" was enabled, it lined up perfectly with the artboard lines. The middle image shows the icon in the Save for Web dialog preview. You can see that it already looks shifted. The last image on the right shows the exported icon where the right and bottom edges looked cropped.
As I mentioned, if I create a 30x30px canvas in PS, copy the artwork into it, and export using Save for Web for PS, it looks fine.
Thanks for your help, BTW.

Camera raw 8.7 color and contrast shifts when file opened in ps 6

camera raw 8.7 color and contrast shifts when file opened in ps 6

Thanks ssprengel for the suggestions and running a side by side yourself. I went through all my settings and applied your suggestions and did a side by side each time. I even uninstalled the entire creative suite on my system then reinstalled and updated and I still get the same outcome. It was fine yesterday with the previous version of ACR. It seems like the updated version is not showing the image preview in any color space. When I switch the color space in the workflow options the histogram changes but it doesn't seem to affect the preview window. And yes the preview button was checked on it was just when I was using the screen grab tool in windows it took focus away from the application so that is why the settings appear grayed out. I have attached more screen grabs below illustrating all my settings. Also here is some system info if anyone out there has a similar setup and would be willing to test.
Adobe Photoshop Version: 13.0.1 (13.0.1.3 20131024.r.34 2013/10/24:21:00:00) x64
Operating System: Windows 7 64-bit
Version: 6.1 Service Pack 1

Color shift when uploading

I have been trolling other sites to learn what might cause this.
I recently got a Huey device to callibrate my monitor. (I send out digital images of artwork and they need to be acurate color.)
After taking some images and loading them onto iPhoto, they seem to look very much like what I saw on the camera lcd screen. I can make subtle color and tone adjustments while capturing on the Panasonic Lumix camera. Usually, they are so close to what I want, all I do is crop in iPhoto.
But I am experiencing color shifts when I upload to make webpages so I can burn discs, or today when I uploaded to a local photo printer. They seem to move a bit towards more orange/pink tones, but when I drag them to the desk top, and open in Preview, they look identical to the iPhoto stored images.
I have read some ideas about RGB and there being bugs in iPhoto that alter your files even as you are loading them from the camera!
Does anyone know how I could fix this?
I can write scripts if it takes it. Thanks

Nanci
The pics look correct in iPhoto and Preview, right?
But not on the Web or at your local printer?
iPhoto and Preview are both Color Managed - that is (along with Safari) they read and respect the color profile of the pic.
Do the apps your Printer is using, or that you are using to view online, respect the color profile?
Regards
TD

Color shift when using save for web

Hello,
I am converting my psd files to jpegs using "save for web". I am noticing that the colors are shifting from the original after saving for web. The color shift does not happen if I just convert the psd files to jpegs by using "save as". The psds have a profile of RGB1998. I am using CS3 and my monitor is color calibrated.
Do I need to convert the psd documents to sRGB first before I go to "save for web"?
The preview doesn't look any different if I check ICC profile in the save for web window. I have been told that you are not supposed to embed the ICC profile in the document when saving for web because most monitors are untagged.
Anyway I am wondering if I have to accept a color shift when saving for web or is there something I can do to get the saved for web jpegs to more closely match the original psd?
Thanks a lot for your help.

I think the reason why this question is asked often is because the FAQ entry is pretty lame and incomplete, especially for Mac users that by default have a color managed browser and by default have a screwed up rendering mechanism for untagged images.
Depending on your version of Photoshop, you can convert to sRGB before or during the Save for Web operation.
cesspool13 wrote:
...I have been told that you are not supposed to embed the ICC profile in the document when saving for web because most monitors are untagged.
You convert to sRGB for the systems that do not fully support color management.
and...
You include the sRGB ICC profile for the systems that do support color management.
Doing both covers your bum in most situations. You may choose to omit the ICC profile if you are working on common interface graphics that do not require strict color management. The ICC profile adds a few kilobytes to the file size that are not necessary on lesser graphic elements on a web page.

Colour shift when placing PSD files into illustrator

Hi there
I have tested this issue on CS 3,4 and 5.
bascially if I create a CMYK document with a colour image and save this down as a psd file with the coated Fogra 39 embedded in it. If I create a new file within Illustrator with the same colur management and place the psd file into the document and check the link option (so it is a linked file), the colour shifts when using the colour picker. If I print the document from each APP they visually look different as well.
If I place the psd into illustrator without selecting the link option the colour has the same CMYK values as the psd within Photoshop and also prints correctly.
i can only assume that there is an option somewhere in regards to the "link" option and how this changes tha colour values somewhere? If not is there anyway I can get around this issue so I can use linked files without the CMYK values changing?
Thanks in advance
Paul

Hi guys
Thanks for the responses.
I use bridge to blanket the colour settings so this i feel this is not the issue here. If you have a moment and would kindly create a colour tint within PS of what ever colour, save this down as any format and place this into illustrator with the link checkbox checked you will see the colour data has physically changed for the CMYK values. This results in the prints looking different as well. If you deselct the link check box when placing the file the CMYK values are the same.
I tried the overprint preview option. This changes the viewable colour on screen but not the CMYK data of the file.
There seems to be a fundamental floor with this link option for some reason.
I might have phone Adobe direct for this iisue as I cannot find a fix for this.
Many thanks
Paul

Image/background shift between pages

This is driving me nuts. When I move from "home" to any other page on my site, the nav bar and background shifts. I've saved all pages from the home/index page, so it has to be something to do with the 2 large images within the container.
http://www.juliepb.com
Anyone see what I can do to fix it?
Thanks for the help!
- Julie

Hi again Gary-
Well, I think the #home div you are referring to has to do with this article on CSS tricks - I have been trying to find a way to make the "active" or current pages reflected in the nav bar. So far, I get the hover, click and link functions to work, but the "down" state of the button wont. I thought Chris' approach may work, though I am still fumbling with that. I'm pretty sure it doesn't have anything to do with this issue though....
Here's a link to that article - it's short. http://css-tricks.com/including-navigation-code-on-all-pages-even-with-current-navigation- highlighting/
Anyway the folder naming is based on a tutorial from Lynda.com. It was suggested that the uncderscore before the folder name would place it at the head of a directory, thus the images, css and scripts would be named that way.
Is this a problem as far as you know? The fact that a validator has issues with it may cause some though I have tested it in Safari, ID8 and Firefox....
So, here I am again with a wierd issue. Whatever you can do to help or someone you can suggest that could help would be great.
PS- the padding for the body was a way to place the nav bar down 20 pixels from the top. Couldn't figure out how else to do it.
Thanks again-
Julie

When previewing my website in Dreamweaver flash crashed - I need to change the security settings but don't know how to do this

I use Dreamweaver and Adobe Bridge to create slide shows on my website. When 'previewing' the slideshow - in Dreamweaver it opens Firefox - it crashed and the dialogue box opens telling me to change my 'settings' - it doesn't do this if I preview in IE - which I don't understand. I need help in knowing where to go to change the security settings so that this doesn't happen. Incidentally, when I am on the web through Firefox, my website slideshows work perfectly>

You can set the pref dom.ipc.plugins.timeoutSecs to to -1 on the about:config page to disable the timeout.
See also http://kb.mozillazine.org/Plugin-container_and_out-of-process_plugins
To open the about:config page, type about:config in the location (address) bar and press the "Enter" key, just like you type the url of a website to open a website. 
If you see a warning then you can confirm that you want to access that page.

How to preserve a background color, when generating a PDF file

I am trying to create a PDF file from some application. Please note that the picture in this application has the black background. So I invoke a Print command and set a printer as "Adobe PDF". As a result, I have generated
a brilliant PDF file of my picture, but on the WHITE background. When selecting the Adobe PDF printer, I have looked through all its settings ( in the Adobe PDF settings, I have found several tabs: General, Images, Fonts, Color, Advanced, PDF/X), none of them generated the original background color.
So how can a generate a PDF file, having the original background color (black, in my case) ?
Oleg

Now I feel that the background definition in the Adobe PDF printer and the background definition in the application the Adobe PDF printer is invoked from -- two different things. So I guess how can I define the black background in the Adobe PDF printer? I cannot find such settings.

Anyone having a problem with iMovie in Mavericks v 10.9.3 ? when previewing the a slideshow the colors all disappear after the first image.

Anyone having a problem with iDVD in Mavericks 10.9.3? When previewing a slideshow all color is lost after the first image.

Is your problem with iMovie as the title suggests or with iDVD?

I recently upgraded to iOS 7.0. When I open Safari to a blank page, a small "Settings" icon appears against the white background. When I click on it, it opens a link to a web page that is not among my other bookmarks. How can I get rid of it?

I recently upgraded to iOS 7.0. When I open Safari to a blank page, a small "Settings" icon appears against the white background. When I click on it, it opens a link to a web page that is not among my other bookmarks. How can I get rid of it?

Leliforever, cheek you list of installed add-ons, the Ask toolbar can be installed without the users knowledge.
For checking other extensions that may cause this, follow the procedure in this link - https://support.mozilla.com/kb/Troubleshooting+extensions+and+themes

Background Shifts when previewed

Similar Messages

Maybe you are looking for