Dreamweaver Images look fine in view but messed up in BROWSER !!!

Hello Guys
I have been getting this weird messed up images since i started my project.
This is giving me a headache so i thought this is best place to solve my problme.
I'm not pro website designer just newbie.
HELP ME !!!
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Website Discovery Mongolia</title>
<style type="text/css">
#Question {
          position: absolute;
          width: 189px;
          height: 23px;
          z-index: 3;
          left: 1100px;
          top: 30px;
          margin: auto;
#Container {
          position: relative;
          width: 1366px;
          height: 2532px;
          z-index: 1;
          margin: auto;
          background-color: #A22239;
#Destinations {
          position: absolute;
          width: 162px;
          height: 23px;
          z-index: 2;
          left: 35px;
          top: 310px;
#AboutDis {
          position: absolute;
          width: 288px;
          height: 24px;
          z-index: 2;
          top: 310px;
          left: 1045px;
#Activities {
          position: absolute;
          width: 338px;
          height: 28px;
          z-index: 2;
          left: 35px;
          top: 640px;
#LateAvail {
          position: absolute;
          width: 210px;
          height: 28px;
          z-index: 2;
          top: 640px;
          left: 1060px;
#LatestNews {
          position: absolute;
          width: 161px;
          height: 28px;
          z-index: 2;
          left: 35px;
          top: 980px;
#DisMongCom {
          position: absolute;
          width: 403px;
          height: 28px;
          z-index: 2;
          top: 979px;
          left: 328px;
          padding: 0px;
#PopTrips {
          position: absolute;
          width: 200px;
          height: 28px;
          z-index: 2;
          top: 980px;
          left: 1060px;
          padding: 0px;
#Read1 {
          position: absolute;
          width: 104px;
          height: 23px;
          z-index: 2;
          left: 35px;
          top: 734px;
#R1 {
          position: absolute;
          width: 110px;
          height: 25px;
          z-index: 2;
          left: 35px;
          top: 1135px;
#Read2 {
          position: absolute;
          width: 110px;
          height: 1px;
          z-index: 3;
          left: 35px;
          top: 1290px;
#Read3 {
          position: absolute;
          width: 110px;
          height: 25px;
          z-index: 2;
          top: 1440px;
          left: 35px;
#Video {
          position: absolute;
          width: 95px;
          height: 22px;
          z-index: 2;
          padding-left: 2px;
          top: 1135px;
          left: 325px;
#Pictures {
          position: absolute;
          width: 133px;
          height: 23px;
          z-index: 3;
          left: 328px;
          top: 1280px;
#Follow {
          position: absolute;
          width: 136px;
          height: 24px;
          z-index: 2;
          left: 329px;
          top: 1440px;
#Copytight {
          position: absolute;
          width: 200px;
          height: 58px;
          z-index: 2;
          top: 2260px;
          left: 410px;
#ViewTripButton1 {
          position: absolute;
          width: 160px;
          height: 40px;
          z-index: 2;
          top: 1405px;
          left: 1170px;
#ViewTrip2 {
          position: absolute;
          width: 160px;
          height: 40px;
          z-index: 3;
          left: 1170px;
          top: 1570px;
#ViewTrip3 {
          position: absolute;
          width: 160px;
          height: 40px;
          z-index: 2;
          left: 1170px;
          top: 1230px;
#BannerPhoto1 {
          position: absolute;
          width: 1015px;
          height: 180px;
          z-index: 2;
          top: 108px;
          left: 15px;
#SpryMenu {
          position: absolute;
          width: 1100px;
          height: 20px;
          z-index: 2;
          left: -1px;
          top: -25px;
</style>
<link href="SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css" />
<script src="SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
</head>
<body bgcolor="#A22239">
<div id="Container">
<div id="BannerPhoto1">
    <div id="SpryMenu">
      <ul id="MenuBar1" class="MenuBarHorizontal">
    <li><a href="Indexpage.html">HOME    </a>    </li>
    <li><a href="#">TOURS</a></li>
    <li><a href="#">TRANSPORT</a>    </li>
    <li><a href="#">ABOUT MONGOLIA</a></li>
    <li><a href="#">TRAVEL GUIDE</a></li>
    <li><a href="#">CONTACT</a></li>
</ul>
</div>
    
    <script type="text/javascript" src="http://c520866.r66.cf2.rackcdn.com/1/js/easy_rotator.min.js"></script>
    <div class="dwuserEasyRotator" style="width: 1015px; height: 180px; position:relative; text-align: left;" data-erconfig="{autoplayEnabled:true, lpp:'102-105-108-101-58-47-47-47-67-58-47-85-115-101-114-115-47-66-105-108-107-97-83-109- 105-108-101-47-77-117-115-105-99-47-68-111-99-117-109-101-110-116-115-47-69-97-115-121-82- 111-116-97-116-111-114-80-114-101-118-105-101-119-47-112-114-101-118-105-101-119-95-115-11 9-102-115-47', wv:1}" data-ername="Roator" data-ertid="{pankqfmdhc4588799372931}">
      <div data-ertype="content" style="display: none;">
        <ul data-erlabel="Main Category">
          <li> <img class="main" src="New Images/BannerSlidePhotos/Photo3.jpg" /> <img class="thumb" src="New Images/BannerSlidePhotos/Photo3.jpg" /> </li>
          <li> <img class="main" src="New Images/BannerSlidePhotos/Photo2.jpg" /> <img class="thumb" src="New Images/BannerSlidePhotos/Photo2.jpg" /> </li>
          <li> <img class="main" src="New Images/BannerSlidePhotos/Photo1.jpg" /> <img class="thumb" src="New Images/BannerSlidePhotos/Photo1.jpg" /> </li>
        </ul>
      </div>
      <div data-ertype="layout" data-ertemplatename="NONE" style="">
        <div class="erimgMain" style="position: absolute; left:0;right:0;top:0;bottom:0;" data-erconfig="{__numTiles:3, scaleMode:'scaleDown', imgType:'main', __loopNextButton:false, __arrowButtonMode:'rollover'}">
          <div class="erimgMain_slides" style="position: absolute; left:0; top:0; bottom:0; right:0;">
            <div class="erimgMain_slide">
              <div class="erimgMain_img" style="position: absolute; left: 0; right: 0; top: 0; bottom: 0;"></div>
            </div>
          </div>
          <div class="erimgMain_arrowLeft" style="position:absolute; left: 10px; top: 50%; margin-top: -15px;" data-erconfig="{image:'circleSmall', image2:'circleSmall'}"></div>
          <div class="erimgMain_arrowRight" style="position:absolute; right: 10px; top: 50%; margin-top: -15px;" data-erconfig="{image:'circleSmall', image2:'circleSmall'}"></div>
        </div>
        <div class="erabout erFixCSS3" style="color: #FFF; text-align: left; background: #000; background:rgba(0,0,0,0.93); border: 2px solid #FFF; padding: 20px; font: normal 11px/14px Verdana,_sans; width: 300px; border-radius: 10px; display:none;"> This <a style="color:#FFF;" href="http://www.dwuser.com/easyrotator/" target="_blank">jQuery slider</a> was created with the free <a style="color:#FFF;" href="http://www.dwuser.com/easyrotator/" target="_blank">EasyRotator</a> software from DWUser.com. <br />
          <br />
          Use WordPress? The free <a style="color:#FFF;" href="http://www.dwuser.com/easyrotator/wordpress/" target="_blank">EasyRotator for WordPress</a> plugin lets you create beautiful <a style="color:#FFF;" href="http://www.dwuser.com/easyrotator/wordpress/" target="_blank">WordPress sliders</a> in seconds. <br />
          <br />
          <a style="color:#FFF;" href="#" class="erabout_ok">OK</a> </div>
        <noscript>
          Rotator powered by <a href="http://www.dwuser.com/easyrotator/">EasyRotator</a>, a free and easy jQuery slider builder from DWUser.com. Please enable JavaScript to view.
        </noscript>
        <script type="text/javascript">/*Avoid IE gzip bug*/(function(b,c,d){try{if(!b[d]){b[d]="temp";var a=c.createElement("script");a.type="text/javascript";a.src="http://easyrotator.s3.amazonaws.com/1/js/nozip/easy_rotator.min.js";c.getElementsByTagName("head")[0].appendChild(a)}}catch(e){alert("EasyRotator fail; contact support.")}})(window,document,"er_$144");</script>
      </div>
    
</div>
<img src="New Images/MainBackgroundImages/Top.jpg" width="1030" height="287" /><img src="New Images/MainBackgroundImages/Form.jpg" width="336" height="287" />
<div id="Question"><img src="New Images/Buttons and Text/newdesign_03.jpg" width="189" height="23" /></div>
<img src="New Images/MainBackgroundImages/_03.jpg" width="1019" height="331" />
<div id="Destinations"><a href="Indexpage.html"><img src="New Images/Buttons and Text/newdesign_10.jpg" width="162" height="23" /></a></div><img src="New Images/MainBackgroundImages/About-Discovery-Mongolia.jpg" width="347" height="331" /><div id="AboutDis"><a href="www.wikipedia.com"><img src="New Images/Buttons and Text/newdesign_07.jpg" width="288" height="24" /></a></div><div id="Activities"><a href="www.google.com"><img src="New Images/Buttons and Text/newdesign_14.jpg" width="338" height="28" /></a></div>
<img src="New Images/MainBackgroundImages/Activities-and-Experiences.jpg" width="1019" height="342" /><img src="New Images/MainBackgroundImages/_06.jpg" width="347" height="342" />
<div id="LateAvail"><a href="www.quirky.com"><img src="New Images/Buttons and Text/newdesign_08.jpg" width="210" height="28" /></a></div>
<div id="LatestNews"><a href="www.google.com"><img src="New Images/Buttons and Text/newdesign_17.jpg" width="161" height="28" /></a></div><div id="DisMongCom"><a href="www.yahoo.com"><img src="New Images/Buttons and Text/newdesign_19.jpg" width="403" height="28" /></a></div><div id="PopTrips"><a href="www.exodus.co.uk"><img src="New Images/Buttons and Text/newdesign_21.jpg" width="169" height="28" /></a></div>
<img src="New Images/MainBackgroundImages/Contern2.jpg" width="297" height="669" /><div id="Read3"><a href="Indexpage.html"><img src="New Images/Buttons and Text/newdesign_27.jpg" width="110" height="25" /></a></div><div id="R1"><a href="Indexpage.html"><img src="New Images/Buttons and Text/newdesign_27.jpg" width="110" height="25" /></a></div><div id="Read2"><a href="Indexpage.html"><img src="New Images/Buttons and Text/newdesign_27.jpg" width="110" height="25" /></a></div><img src="New Images/MainBackgroundImages/Content1.jpg" width="722" height="669" /><div id="Follow"><img src="New Images/Buttons and Text/Bullet.jpg" width="30" height="21" /><a href="Indexpage.html"><img src="New Images/Buttons and Text/newdesign_43.jpg" width="103" height="20" /></a></div><div id="Pictures"><img src="New Images/Buttons and Text/Bullet.jpg" width="30" height="21" /><a href="Indexpage.html"><img src="New Images/Buttons and Text/newdesign_36.jpg" width="103" height="19" /></a></div><div id="Video"><img src="New Images/Buttons and Text/Bullet.jpg" width="30" height="21" /><a href="Indexpage.html"><img src="New Images/Buttons and Text/newdesign_30.jpg" width="63" height="22" /></a></div><div id="ViewTrip3"><a href="Indexpage.html"><img src="New Images/Buttons and Text/ViewTrip.jpg" width="160" height="40" /></a></div><div id="ViewTripButton1"><a href="Indexpage.html"><img src="New Images/Buttons and Text/ViewTrip.jpg" width="160" height="40" /></a></div><div id="ViewTrip2"><a href="Indexpage.html"><img src="New Images/Buttons and Text/ViewTrip.jpg" width="160" height="40" /></a></div>
<img src="New Images/MainBackgroundImages/Content3.jpg" width="347" height="669" /><img src="New Images/MainBackgroundImages/Footer.jpg" width="1366" height="398" /><div id="Copytight"><img src="New Images/Buttons and Text/Copyright_03.jpg" width="536" height="58" /></div><img src="New Images/MainBackgroundImages/Copyright-and-Privacy.jpg" width="1366" height="515" /></div>
<script type="text/javascript">
var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgDown:"SpryAssets/SpryMenuBarDownHover.gif", imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});
</script>
</body>
</html>

I'm having trouble with my graphics, too, not your trouble though.
As Murray above says,
absolute positioning is wrong! Don't do that. Browsers keep objects with absolute positioning on the coordinates you set, no matter what monitor size is viewing it and no matter how the rest of the page flows.
I took off absolute positioning and it made an immediate difference - code below. The graphics are now inside their containers.
go here to see what I did: http://mkcolling.com/morionadobe.html
go here to see what you did: http://mkcolling.com/BADmorionadobe.html
Two other things I noticed:
1) Remove the height on your containers, too. Instead, use padding to add blank space around the content inside your containers and use margin to add the outside space that separates the containers.
2)Your spry menu is wider than your outer container. You would fix that on the Spry css.

Similar Messages

Dreamweaver text looks fine in Safari but not Firefox NEED HELP!!!

Dreamweaver text looks fine in Safari but not Firefox, all my text goes out of alignment and the fonts look like different sizes. Please let me know your thoughts. Here is a link to the page I'm having problems with. http://www.alexandrasantibanez.com/bio.html

I had the same problem for days what a waste of time trying
to figure out code... the code was fine. I was running flash player
7.0 Upgrade your flash plugin to 9.0 and it should work fine in
Firefox and IE. It did for me.

TS3946 Aperture Book: images look fine in Aperture but not in PDF preview. OS 10.9, Aperture 3.4.5

Aperture 3.4.5, OS 10.9. When making a PDF prior to ordering a book, I note that images look fine within Aperture book module, but about 10 out of 100 images look terrible in the PDF. Shall I ignore this and go ahead and order the book?

Hi,
Strangely I'm now having exactly the same problem all of a sudden. I've been building the book for about a month now (I've made about 6 before without any trouble) and along the way have been producing a pdf of the book to see how it will look. Yesterday I noticed some of the images seemed to have lost colour when looking at the pdf version and then today, many pictures all of a sudden look exactly like the example you've supplied above.
I've tried shutting down my imac and restarting thinking it was a memory issue, have checked if I had any filters activated (which I don't and I haven't used filters in books before either), have tried repairing then rebuilding aperture, copying the book to a new library, new location, opening on a different mac and then printing again but none of this had any positive effect.
So from what I understand from your last post, the workaround you came up with was to revert to the original of each image that had the problem and then make the adjustments again?

Images look fine in Bridge, but way off when opened in Photoshop

Not sure what I've done to my system, but am now having some color-management woes. I am using Photoshop and Bridge CS5.1, and for some reason, the color-management is not consistent between Bridge and PS... although it used to be until just recently. I am on a Mac Pro tower with a properly calibrated monitor (using an Eye One Pro), and all my other color-managed applications are behaving just fine, but I have this discrepancy now within Adobe where if I view an image in Bridge, it looks correct, but when I open that same image in Photoshop, it comes up way too light and desaturated. I have verified that a correct profile is embeded in each image, but this happens regardless of the source file. I have opened up grayscale images with a dot gain or gamma profile embedded, images with no profile embedded, sRGB and Adobe 1998 profiled images, and they all open up too bright. It seems like some kind of conversion must be happening, but I can't understand what that would be. Color Settings is set to preserve embedded and ask when opening for mismatches, but that's the same as it's always been on my system. I understand without a "suite" install, I cannot access the Creative Suite Color Settings dialog to sync color across multiple Adobe apps, but things have been fine for years between my PS & Bridge, so clearly I've done something wrong. It's also worth noting that RAW images in Bridge open up looking identical in the Photoshop RAW processing dialog, so somehow this is more related to TIFF, PSD & JPEG files.
I have used the Cocktail app for general system maintenance on my Mac, and in the dialog to delete old cahce files, I do recall it had an option to clear Color Sync cache (along with a bunch of other caches), so maybe that "clean up" somehow dirsupted my color matching abilities?
I was on CS5 when I noticed this problem, so I tried uninstalling that, downloading the slightly newer CS5.1 and re-installing, but the problem persists. Maybe the uninstaller app doesn't get rid of all the hidden support files, or maybe this is something else entirely? Have trashed prefs files and relaunched, still same problem.
Note how image on right is much lighter, shadows start to look posterized, colors lose saturation. Left is Bridge and Right is Photoshop. Screenshot done on calibrated monitor.
Thanks for any suggestions!

Thanks for your reply. Screenshot of my Color Settings attached. These are the same settings I've been using for many years.
What's most interesting is your reminder to look at Soft Proofing. I normally only use that when prepping an image for print, and want to predict what different paper types will "do" to my image.,, i.e. matte paper has less d-max, etc. SO, My assumption was that Soft Proofing is normally in the OFF position unless I turn it on, and/or toggle it on-off with Cmd-Y keyboard shortcut one engaged. BUT, your assessment was spot-on, in that when I opened up the View > Proof Colors dialog, it was set to Working CMYK. Not sure why, how, or when that became the default.
In all my time years with Photoshop, I've never needed to worry about soft proofing being ON without my permission, so I'm unclear how this came about. I honestly don't even know what the default has been for all the time that this was not on my radar as being a problem, I only know that when I did opt to soft proof an image, I woulp open the Proof Colors dialog, choose the appropriate device-specific paper profile to simulate, and then turn it back off when done. It would make sense to me that the default display in PS should match the (hopefully calibrated) monitor as a starting point.
Several more screenshots below, experimenting with various Proof conditions. This one is a 16-bit Grayscale image, with my usual 1.8 Gray Gamma color space embedded. This was my first experiment, not knowing what the correct default should have been (or was for many years). My assumption was that proofing the same color space as the document (G 1.8 = G 1.8), there should be no visible difference, but in fact there is. The left image is open in PS being soft proofed to it's own G 1.8 color space, and it appears visibly brighter than the same image to the right in Bridge.
Now here's the same comparison, with Proofing set to G 2.2, which should be wrong, but visually looks like a much better match.
Next I tried a color image, with Document Profile as the proof condition. Again, the Bridge image on the right looks correct, the PS image on the left looks washed out by comparison.
Here is the same image comparison, now with Monitor RGB enabled (which pulls my current monitor profile as the device to simuulate). I'd say this is either perfect, or a much better match. This also makes sense and correlates to my suspicion that PS should be showing you things in your native monitor profile until you ask it to do otherwise with a custom soft-proofing scenario.
So now that I think I've figured it out, I leave the Monitor RGB as the device to simulate, close the image, and re-open the image just to be sure, and this is what I get...
Essentially back to the same problem. I verified that View > Proof Colors is still set to my Monitor RGB, but it's as if it's not really being applied. SO, I changed it so something else, and then changed it back, and then it looks correct... as if I somehow need to kick it and remind it to do what it's already set to do.
So, the short answer is THANK YOU for reminding me to look at the proofing setup, becasue no I at least have a kind of workaround and know where to look. The tricker part is to understand why the default doesn't really stick to the Monitor RGB (if that is even the correct place for it to stay set to), and how or why did i get off into Working CMYK in the first place, as that's not a setting I've ever used on purpose.
Thanks again,
Eric

Using local/testing server with cs5 inserting images look fine in the split screen but do not show

Hi
If I open example: header.php and insert any photo jpeg/.html ecs i can see the images in the split screen but not in the browser if i save then refresh. I am able to make any change to the code ecs. and they are reflected just fine. I have tried this with my fireworks images .html and when that did not work i tried a strait jpeg off the desktop. This all did not work. I have deleted the local server then step by step created a new one via devnet instruction. This did not work! everything looks fine i even tried in 3 sep browsers with 0 luck....There is no remote server connected at this time because i am making a child theme for my current site. After all changes are done we will the ftp the word press files to site and change.
Ps i even started over from scratch with 0 positive affects....

After a lot of pain!!!!!!! the issue is fixed lol After 3 weeks I have overlooked the obvious !!! so the simple fix was the path of the image. Yes i feel stupid 10 years in lol....
Apparently dreamweaver cs 5 will not use the full path when inserting images into the page example: If you drag the image out of your assets folder or however you do it, DW will give you a path like this <img src="images/glass.jpg" width="800" height="729"> This is not the full path and when your pist!!! you cant see things like that ;( so the image path should look like this:
<img src="wp-content/themes/adszoom/images/glass.jpg" width="800" height="729">
also in the html files example of bad then good!

<img name="navigation" src="navigation.gif" width="1000" height="50" border="0" usemap="#m_navigation" alt="">
<map name="m_navigation">
<area shape="poly" coords="804,7,994,7,994,47,804,47,804,7" href="http://adszoom.com/699-2/" title="SEARCH BY CATEGORIES FOR CLASSIFIED ADS" alt="SEARCH BY CATEGORIES FOR CLASSIFIED ADS" >
<area shape="poly" coords="602,8,792,8,792,48,602,48,602,8" href="http://adszoom.com/wp-admin/edit.php/" title="VIEW OR EDIT YOUR CLASSIFIED ADS" alt="VIEW OR EDIT YOUR CLASSIFIED ADS" >
<area shape="poly" coords="405,8,595,8,595,48,405,48,405,8" href="http://adszoom.com/post-an-ad/" title="NEW CLASSIFIED AD POST" alt="NEW CLASSIFIED AD POST" >
<area shape="poly" coords="206,8,396,8,396,48,206,48,206,8" href="http://adszoom.com/help/" title="HELP WITH YOUR CLASSIFIED ADS" alt="HELP WITH YOUR CLASSIFIED ADS" >
<area shape="poly" coords="3,9,193,9,193,49,3,49,3,9" href="http://adszoom.com/" title="HOME VIEW CLASSIFIED ADS" alt="HOME VIEW CLASSIFIED ADS" >
</map>

</body>
NOW THE GOOD!

<img name="navigation" src="wp-content/themes/adszoom/images/navigation.gif" width="1000" height="50" border="0" usemap="#m_navigation" alt="">
<map name="m_navigation">
<area shape="poly" coords="804,7,994,7,994,47,804,47,804,7" href="http://adszoom.com/699-2/" title="SEARCH BY CATEGORIES FOR CLASSIFIED ADS" alt="SEARCH BY CATEGORIES FOR CLASSIFIED ADS" >
<area shape="poly" coords="602,8,792,8,792,48,602,48,602,8" href="http://adszoom.com/wp-admin/edit.php/" title="VIEW OR EDIT YOUR CLASSIFIED ADS" alt="VIEW OR EDIT YOUR CLASSIFIED ADS" >
<area shape="poly" coords="405,8,595,8,595,48,405,48,405,8" href="http://adszoom.com/post-an-ad/" title="NEW CLASSIFIED AD POST" alt="NEW CLASSIFIED AD POST" >
<area shape="poly" coords="206,8,396,8,396,48,206,48,206,8" href="http://adszoom.com/help/" title="HELP WITH YOUR CLASSIFIED ADS" alt="HELP WITH YOUR CLASSIFIED ADS" >
<area shape="poly" coords="3,9,193,9,193,49,3,49,3,9" href="http://adszoom.com/" title="HOME VIEW CLASSIFIED ADS" alt="HOME VIEW CLASSIFIED ADS" >
</map>

</body>
THIS LINE IS YOUR ISSUE
<img name="navigation" src="wp-content/themes/adszoom/images/navigation.gif" width="1000" height="50" border="0" usemap="#m_navigation" alt="">
Ok thanks and if there are any issues with dw please ask: [email protected]

I made an iMovie, 6.0.3 using music from iTunes and photos from the Internet. It looked fine on iMovie, but when I uploaded it to youtube,some of the photo near the beginning was corrupted.What steps should I take to export iMovie for youtube?

I made an iMovie, 6.0.3 using music from iTunes and photos from the Internet. It looked fine on iMovie, but when I uploaded it to youtube, some of the photo near the beginning were corrupted on youtube. I tried a different photo, and the corruption took place at the same moment of the video. How do I prepare the video for export to get it ready for youtube? I wasn't sure whether to clik web or web streaming. Am I supposed to clik Quick Time after I clik Share?

I unfortunately cannot remember where I got the 'trrndlines' plugin... I assume that it must have been from CFX (as it is located under /Users/Dom/Library/iMovie/Plug-ins/cfx/XXXtrrndlines.bundle).
As for what it does, I also do not know, as I do not think I ever used it in my previous video projects.
At this stage, I think I just need to uninstall it so that iMovie doesnt try to use it.
Do you know how to uninstall a CFX plugin in iMovie?
NOTE: I have re-installed iMovie 6.0.4 (instead of iMovie 6.0.3), but still encounter the same issue.

PDF looks fine on screen but text does not print

PDF created from Word looks fine on screen but text does not print (graphics do). Alos loses text on FTP or Email. Windows 8.1 64bit. Acrobat XI Std. Word2013. Print to PDF from Word 600dpi, use doc fonts, download as softfont. Arial, calibrai - all fonts lost. Same issue as Phillipio61 and alacker2?.

Problem not with all fonts. Problem with arial and calibri fonts - maybe others. Times New Roman, gil sans, viner are OK for example.

Why are some jpg images scrambled when they appear in my screen saver? The same images look fine in Preview and Finder. Some images appear scrambled in the screen saver 'preview' window and the actual screen saver. Other jpg images look fine.

Why are some jpg images scrambled when they appear in my screen saver? The same images look fine in Preview and Finder. Some images appear scrambled in the screen saver 'preview' window and the actual screen saver. Other jpg images look fine.

The desktop image is fine, taken from the exact same pool of jpg photos. However, as soon as the slide show screen saver comes on, the images are scrambled. What is it about the apple screen saver algorithm that scrambles the pics?

Slideshow widget works in the live view but doesnt in actual browser. help!!!!

slideshow widget works in the live view but doesnt in actual browser. help!!!!

By "doesn't work in actual browsers" do you mean while using Preview in Browser, or have you uploaded the page and it's not working?
If it's not working after being uploaded, make sure all of the supporting files have been uploaded (.js and .css) as well.
If it's not working in PIB, is it with all browsers, or just certian ones?
Can you post a link to the malfunctioning page?

Static image looks fine in media pane but renders with problems

I have a project in which I am placing a few static JPGs over the video portion for a few seconds at a time here and there to illustrate certain things a speaker is touching on. The JPGs are usually not quite big enough to cover the entire frame of the media pane, so I end up having to resize them and make them bigger to either cover the rest of the video that’s still showing, or to effectively ‘crop out’ a portion of the JPG that I don’t want to see in the final output.
Everything looks fine in the media pane. The problem arises when I output the final video to FLV. Some of the JPGs look fine – just as they did in the media pane preview. But a lot of them end up showing portions that I had cropped out, or even portions of the video that I know were covered up. It appears completely random. And when I re-export and try again, sometimes the problem disappears.
Windows XP SP3
Adobe Premiere Elements 9.0
Export format: FLV

One JPG sample is 960x720 pixels.
The Project Preset Frame Size is 1280x720 pixels.
For this particular sample, I stretch the JPG so that the text at the bottom of it falls below the media pane (since both the JPG and the project have the same pixel height). It becomes a little more pixelated, but that's fine. Sometimes it does get cropped out of the final FLV, sometimes it doesn't...

PHP page looks fine by itself, but CSS Divs fall apart on PHP include

Hi everyone. Thanks for your help in advance, this problem I'm having really has me puzzled.
The issue I'm having is, I have two php files. body.php with content to be included and index-3.php as the container. When I load body.php by itself in the browser, the layout looks fine. When I load the index-3.php file that uses the php include function to load body.php through itself, some of the divs in the body.php file come apart.
I'm old hat at building pages with tables and Iframes, but very new at using divs and php.
Here are the two files, so you can see for yourselves:
http://www.hitn.tv/index-3.php (the container)
http://www.hitn.tv/body.php (the included)
Is this a CSS issue, or a php issue?
The index:
The Body:
                                                                                                                            Content on this page requires a newer version of Adobe Flash Player.
    Temas de interés para la
comunidad hispana Hoy
debatiremos un interesante
asunto que afecta a nuestra
comunidad
7/27 - Venezuela en la mira
por   tráfico de drogas
    7/27 - Venezuela en la mira
    por   tráfico de drogas
      7/27 - Venezuela en la mira
      por   tráfico de drogas
        7/27 - Venezuela en la mira
        por   tráfico de drogas
          7/27 - Venezuela en la mira
          por   tráfico de drogas
            7/27 - Venezuela en la mira
            por   tráfico de drogas
The Stylesheet:
@charset "utf-8"; body { background-image: url(images/background.jpg); background-attachment: fixed; background-color: #FFE2BA; background-repeat: repeat-x; text-align: center; } .containerdiv { width: 953px; margin-left: auto; margin-right: auto; } .boxtext { font-size: 11px; color: #000; font-family: Arial, Helvetica, sans-serif; font-weight: normal; font-style: normal; line-height: normal; text-align: center; } .rightside { width:762px; height:584px; float: left; overflow: hidden; } .sidebar { } .lowerbar { } #mainsitedivcontainer { width: 762px; } .latestvideos { width: 699px; height: 61px; margin-bottom: 5px; margin-top: 0px; margin-right: 0px; margin-left: 0px; } #leftbookend { float: left; } #rightbookend { float: right; width: 31px; height: 142px; } #videobox { float: left; width: 550px; } #mainsitevideotextblock { float: right; width: 212px; } #mainsitevideotextblock { background-color: #F4F4F4; height: 420px; } .videothumbnaildivframe { height: 61px; width: 82px; overflow: hidden; float: left; } .videotextboxdescription { height: 61px; width: 151px; overflow: hidden; float: right; background-color: #FFF; border-top-width: 0px; border-right-width: 3px; border-bottom-width: 0px; border-left-width: 3px; border-top-style: none; border-right-style: solid; border-bottom-style: none; border-left-style: solid; border-right-color: #D4D4D4; border-left-color: #D4D4D4; text-align: center; } .picdivleft { float: left; height: 61px; width: 233px; } .picdivright { float: right; height: 61px; width: 151px; } .picthenvid { height: 61px; width: 233px; } .centerboxdiv { width: 233px; height: 61px; float: left; } #doubemenucontainer { height: 122px; width: 699px; float: left; } #middlebar { height: 15px; width: 762px; clear: left; } .boxtext { font-size: 11px; color: #000; font-family: Arial, Helvetica, sans-serif; font-weight: normal; font-style: normal; line-height: normal; } #finalvideowrap { height: 142px; width: 762px; background-color: #D4D4D4; overflow: hidden; }
Any help at all is much appreciated!
Thanks so much,
Evan

Hi there, and welcome to the forums!
Could you please provide a screenshot of the website when it is previewed in a browser/live view? This way I can better understand the conflicts that are occuring in your code.
It is always a good practice when coding a website to preview it in the browser as you code, to make sure there are no conflicts. It's important to remember that in the end, your viewers will be viewing your site in a browser, not in Dreamweaver's preview. : )

Swap Image Looks fine in Firefox, not Safari? Can Javascript be an issue in Safari?

Hi, Im new to web design as you may guess.
I'm trying to put together a website navigation page with several swap image div tags. When I view the page in Firefox it looks fine, after the behavior is applied the page doesn't view at all in safari?
Can anyone please help with this?
I have used a lot of different images and styles (some of which are no longer relevant). Please see below for code -
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Untitled Document</title>
<style type="text/css">

</script>
</head>
<body bgcolor="#FFFFFF" onload="MM_preloadImages('images/CorpLitRollO.png','images/DisplayGraphRollO.png','images /BrandRollOai.png','images/AdvertProRollO.png','images/PackRollO.png','images/ConPhotoRoll O.png')">
<div id="Container">
<div id="IntroText">All Introductory text here<br />
and here<br />
and here.</div>
<div id="FeatherFan">
    <div class="DGOver" id="Display Graphics"> </div>
<img src="images/FeatherFan.png" alt="Feathers Green" name="Feathers" width="800" height="405" hspace="0" vspace="0" id="Feathers" /><img src="images/ConPhotoType.png" alt="Concept Photography" width="164" height="134" class="ConPhoto" id="Image6" onmouseover="MM_swapImage('Image6','','images/ConPhotoRollO.png',1)" onmouseout="MM_swapImgRestore()" /><img src="images/AdvertProType.png" alt="Advertising and Promotions" width="134" height="158" class="AdPromo" id="Image4" onmouseover="MM_swapImage('Image4','','images/AdvertProRollO.png',1)" onmouseout="MM_swapImgRestore()" /></div>
<div class="CorpType" id="CorpLitType" onmouseover="MM_swapImage('Image1','','images/CorpLitRollO.png',1)" onmouseout="MM_swapImgRestore()"><img src="images/CorpLitType.png" alt="Corporate Literature" width="162" height="133" id="Image1" onmouseover="MM_swapImage('Image1','','images/CorpLitRollO.png',1)" onmouseout="MM_swapImgRestore()" /></div>
<div id="CorpRollO"><img src="images/CorpLitRollO.png" alt="corporate literature image" width="162" height="133" /></div>
<div class="DGOver" id="Display Graphics Image"><img src="images/DisplayGraphType.png" alt="Display Graphics" width="154" height="150" id="Image2" onmouseover="MM_swapImage('Image2','','images/DisplayGraphRollO.png',1)" onmouseout="MM_swapImgRestore()" /></div>
<div class="BOver" id="Branding"><img src="images/BrandType.png" alt="Branding" width="137" height="163" id="Image3" onmouseover="MM_swapImage('Image3','','images/BrandRollOai.png',1)" onmouseout="MM_swapImgRestore()" /></div>
<div class="Packaging" id="Packaging"></div>
</div>
<span class="Packaging"><img src="images/PackType.png" alt="Packaging" width="150" height="147" id="Image5" onmouseover="MM_swapImage('Image5','','images/PackRollO.png',1)" onmouseout="MM_swapImgRestore()" /></span>
</body>

becky ss wrote:
Hi, Im new to web design as you may guess.
Welcome to the forum. Please take a few moments to read How to get help quickly. As the advice on that page tells you, please upload your problem page to a website and provide the URL.
Since you're new to to forum, also take a moment to check out the Dreamweaver FAQ and bookmark it so you can find answers to common questions quickly.

Help with Importing psd's, looks good in viewer, but not in canvas...

I have been searching for threads related to this issue, and this is what i've come up with...
It is my sequence settings, the picture looks great in the viewer but not in the canvas, as soon as i put it in the timeline, it goes blurry almost. I tried changing my settings to HD 16:9 and the picture looks great, but I need standard (NTSC DV 4:3), does anyone know a way around this? I can do it in Avid fine, why am I having such a hard time in FCP?
Thanks
P.S i have tried changing my image size in photoshop to 720x480 and 720x540 and it doesn't seem to make a difference.
Jana

The canvas is a low resolution proxy.
What does your sequence looking like on your NTSC production monitor?

Photoshop diplays all images with desaturated colors (Images look fine when opened in other apps)

All of a sudden, when I open any image in Photoshop, the colors appear to be desaturated...In Photoshop only. When I open that same image in Window Picture Viewer, or Quicktimer, or even if I drag the image into a brower window, the colors appear fine. But in Photoshop, something is clearly wrong. Now, I can make color adjustments to the image, but when I save and reopen reopen it in another application, I can see that color changes have been made, but they still don't match what Photoshop is displaying.
The images are RGB image...I've checked the color space setings in Photoshop, and they are the default (Edit > Color Settings: North American General Purpose 2 / RGB: sRGB IEC61966-2.1 / CMYK: US Web Coated (SWOP) V2, etc, etc). I also made sure View > Proof Setup was set to: Working CMYK. I even reset Photoshop to it's default settings (by holding down CTRL-ALT-SHIFT on launching Photoshop)...But the images still appear desaturated when I open them in Photoshop...So, I don't understand how this is still a Photoshop problem...But then again, they look fine when I use any other application on my computer to open them, so it's clearly not an issue with my monitor.
The frustrating thing is, I haven't made any changes to Photoshop OR my monitor (that I know about)...Photoshop has worked perfectly for me for years, and now there's this SNAFU that I just can not figure out.
Any suggestions?
I've included a screenshot below to show the disparity between an image opened in Photoshop (on left) and Windows Picture Viewer (on right):
Photoshop image on left, with desaturated colors...Same image in Windows Picture Viewer on right, where colors appear normal.
Any and all help is much appreciated : )
Best,
-Austin

It's difficult to provide help without knowing your level of color-management expertise, but I think you've helped us some with that in post number 2.
Color management is basically this: Images and devices have certain color characteristics, and these are described by color profiles, sometimes also called color spaces.
1. You should not need to use the Proof Setup at all to view your images on your monitor. When things are set up properly Photoshop shows you accurate color without your choosing View - Proof Colors.
2. A color-managed application like Photoshop will try to show you accurate color on your display by interpreting both the image profile and your monitor profile and transforming the colors accordingly. BY DEFINITION this will look different than other applications which don't do color-management as these just pump the image RGB values directly out to the display.
Thus:
If your monitor profile indicates your monitor has a wide gamut, images with embedded profiles may appear less saturated inside Photoshop than from non-color-managed apps.
If you view images that have an embedded wide gamut profile (such as Adobe RGB 1998 or ProPhoto RGB), Photoshop and other color-managed applications will interpret that profile and the colors will likely appear more saturated in Photoshop than in a non-color-managed application.
It sounds as though the first case applies in your case here.
You can check to see what monitor profile is associated with your monitor through OS settings. I'm thinking, based on the caption buttons in your screen grab, that you've got Windows XP, but rather than go further with that assumption, I'll ask you to verify it first.
-Noel

Image looks truncated in viewer and canevas

Hi there,
I am begining a new SD project in which I imported a QT sequence that was generated with Mpegstreamclip.
I chose easy settings mode in FCP.
In both viwere and canevas, the image does not look "centered".
As a matter of fact, it is truncated on the right side and when I play the sequence, a vertically moving blueish-greenwish band appears on the right side.
I have checked that the sequence plays all right in MPEG streamclip.
By the way, if I import another sequence that was shot with a HD photocamera, 16:9 format, a blueish band also appears on the right side.
What could be the problem ?
It is the first time I see that
Thanks in advance
Ivan

The image on the left in PS looks the same in Picasa Image
Viewer (I selected it to be color managed based on the monitor profile), looks the same in Windows Image Viewer, and looks the same in the thumbnail. The image on the right in LR is how the picture looks when I look at my image in Firefox but in Internet Explorer and in Chrome, the image looks like the image on the left in PS. The image below shows how the thumbnail looks different from the actual picture when it's double clicked and viewed in Picasa. The thumbnail (which shows the subjects having green skin) would be how I saw it online while the double clicked version is how I saw it in PS, even though it was sRGB (I checked the image properties to make sure of the color space).
I have a ATI 5470 GPU on my ASUS 17.3 inch laptop. Not sure about the drivers.

Dreamweaver Images look fine in view but messed up in BROWSER !!!

Similar Messages

Maybe you are looking for