Photo size, different browsers

When i created the attached page on my computer it looks great, and then when I open it on a PC, the photos are too big and push the page bigger, making everything look messy.
How can I make sure the photos are sized to any browser
http://www.donna-tillotson.com/writingportfolio.html

It looks like an issue with % based width for the text area under the image.
If I view it on a maximized browser window on a large monitor, it appears as I would imagine you designed it, but when I scale the browser window down, the text area gets very narrow and reflows the text accordingly.
Is that what you have happening on the PC (maybe just a lower monitor resolution)? You may want to play with the % setting for that text area.
If that's not the root of the issue, you should also go through the validator here and clear out the errors (71 errors 24 warnings) in your html, they can cause all kinds of display issues depending on browsers: http://validator.w3.org/

Similar Messages

Text in tables shifting in different browsers...

I have set up a page using tables.
In the middle of the page are 4 images pulled in and lined up
horizontally separated by table cells (for some space).
The tables immediately underneath the photos are for adding
text.
I center aligned the text and am controlling only the font
style (no colors, sizes, etc) from a separate external CSS file.
The first line of text is "paragraph" format, the second line
of text is bigger/different color and in "heading 1" format, the
third chunk of text is "paragraph" format also (it's an actual
paragraph).
When I view this page in the 4 main web browsers, this text
shifts up and down. In other words, all 4 photos underneath
descriptions are not aligned nicely horizontally. The tables are
perfectly aligned, so why is the text moving vertically inside when
previewed?
Here's a link to my site:
http://student.ccbcmd.edu/~rsmit459/playingthedrums/index.html
View it in different browsers and watch the copy under the
photos shift vertically (not lined up across the page).

*bump*

I cannot figure out how to change the photo size on my iPhone 5s. I was given the choice of small, medium or large the first time I took a picture. Now I have no idea how to change it to medium. Can anyone help?

I cannot figure out how to change the photo size on my iPhone 5s. The first time I took a pic it asked if I wanted smalll, medium or large and listed the pixels. I chose small but am now finding that is too small. Can anyone help me set it to medium now? I can't find any setting for that. I'm a newby to iPhones and have no idea what I'm doing. Thanks for any help you can offer.

By "sending" do you mean sending email?
If so, what app are you using to take the photos on your iPhone 5? Or are the photos from a different source (saved to your Camera Roll from somewhere else, like a web page or Messages)?
My guess is that Mail gives you the option to send different file sizes when it detects you are trying to Mail a really large photo file. The size of photos on the iPhone 5 is really big and some email providers may stop your mail from being delivered if attachments are too large. Thus, Mail tries to help you by offering to resize the photo.
I suspect that if you are sending smaller files, Mail does not bother giving you options to save a smaller version. In fact, I have seen this behavior. So, if the photo is already "small enough", it gets sent as-is.
To my knowledge, there is no global iOS setting for this. Some apps may have different rules, of course.

Navbar problems in different browsers

Please help! I designed a navbar using a preformatted Dreamweaver template, but found that it displays differently in different browsers. The file can be found at
http://www.npc.org/NPC909/links.html
It displays fine in Opera and Safari (both Mac), but in Netscape and Firefox (both Mac) the navbar is bumped onto a second line. In IE (Mac) the navbar is on one line, but the dropdown submenus do not display.
On the PC side, in IE 8 the navbar is vertically stacked while the two submenus display on the far left of the navbar, instead of directly below their parent links. In IE 7 the submenus don't line up with their parent links, and there is a thin black line on the right of the navbar. Again, Safari displays just fine.
Our target audience is most likely to be a PC user with IE as their browser, but any suggestions you can provide to make the navbar and submenus display consistently across all browsers would be greatly appreciated.
Thanks,
Arthur

Hi, Arthur,
I don't notice that you put an id on the li for "orderpub" like this:
<ul class="MenuBarHorizontal" id="MenuBar1">
       <li><a class="MenuBarHorizontal" href="index.html" style="text-decoration: none;">Home</a></li>
       <li><a href="background.html" style="text-decoration: none;">About NPC</a></li>
       <li><a href="#" class="MenuBarHorizontal MenuBarItemSubmenu">Members</a>
         <ul>
           <li><a href="membynam.html" style="text-decoration: none;">By Name</a></li>
           <li><a href="membycom.html" style="text-decoration: none;">By Organization</a></li>
           <li><a href="membycat.html" style="text-decoration: none;">By Category</a></li>
         </ul>
       </li>
       <li><a class="MenuBarItemSubmenu" href="reportsbydoc.html" style="text-decoration: none;">Reports</a>
         <ul>
           <li><a href="reportsbyyear.html" style="text-decoration: none;">Reports By Year</a></li>
           <li><a href="emergency.html" style="text-decoration: none;">Emergency<br/>
           Planning & Preparation</a></li>
           <li><a href="energyoutlook.html" style="text-decoration: none;">Energy Outlook</a></li>
           <li><a href="environissues.html" style="text-decoration: none;">Environmental Issues</a></li>
           <li><a href="natgas.html" style="text-decoration: none;">Natural Gas</a></li>
           <li><a href="refining.html" style="text-decoration: none;">Refining</a></li>
           <li><a href="research.html" style="text-decoration: none;">Research</a></li>
<li><a href="resourcedev.html" style="text-decoration: none;">Resource Development</a></li>
<li><a href="storage.html" style="text-decoration: none;">Storage</a></li>
           <li><a href="stratpetrolres.html" style="text-decoration: none;">Strategic<br/>
             Petroleum<br/>
           Reserve</a></li>
<li><a href="transport.html" style="text-decoration: none;">Transportation</a></li>
         </ul>
       </li>
       <li id="orderpub"><a style="text-decoration: none;" href="orderpub.html">Order Publications</a></li>
       <li><a href="links.html" style="text-decoration: none;">Links</a></li>
       <li class="MenuBarHorizontal"><a href="contactus.html" style="text-decoration: none;">Contact Us</a></li>
     </ul>
In your CSS file, all you need to do is:
/* Menu item containers, position children relative to this container and are a fixed width */
ul.MenuBarHorizontal li
    margin: 0;
    padding: 0;
    list-style-type: none;
    font-size: 100%;
    position: relative;
    text-align: center;
    cursor: default;
    float: left;
    text-indent: 0px;
    width: 9.25em; /* make this slightly narrower */
li#orderpub {
    width: 9.54em; /* make this as wide as it needs to be, adjusting the previous rule as needed also */
You don't actually need all that other coding for
#home {
    font-size: 100%;
    background: #039;
    text-align: center;
    text-indent: 0px;
    margin: 0px;
    padding: 0px;
    float: left;
    list-style: none;
    position: relative;
    cursor: default;
    width: 10%;
#aboutnpc {
    font-size: 100%;
    background: #039;
    text-align: center;
    text-indent: 0px;
    margin: 0px;
    padding: 0px;
    float: left;
    list-style: none;
    position: relative;
    cursor: default;
    width: 15%;
#members {
    font-size: 100%;
    background: #039;
    text-align: center;
    text-indent: 0px;
    margin: 0px;
    padding: 0px;
    float: left;
    list-style: none;
    position: relative;
    cursor: default;
    width: 15%;
#reports {
    font-size: 100%;
    background: #039;
    text-align: center;
    text-indent: 0px;
    margin: 0px;
    padding: 0px;
    float: left;
    list-style: none;
    position: relative;
    width: 15%;
#orderpub {
    font-size: 100%;
    background: #039;
    text-align: center;
    text-indent: 0px;
    margin: 0px;
    padding: 0px;
    float: left;
    list-style: none;
    position: relative;
    cursor: default;
    width: 20%;
#links {
    font-size: 100%;
    background: #039;
    text-align: center;
    text-indent: 0px;
    margin: 0px;
    padding: 0px;
    float: left;
    list-style: none;
    position: relative;
    cursor: default;
    width: 10%;
#contactus {
    font-size: 100%;
    background: #039;
    text-align: center;
    text-indent: 0px;
    margin: 0px;
    padding: 0px;
    float: left;
    list-style: none;
    position: relative;
    cursor: default;
    width: 15%;
which I would restyle as the following, in case you did want them:
li#home, li#aboutnpc, li#members,li#reports, li#orderpub, li#links, li#contactus {
       font-size: 100%;
     background: #039;
     text-align: center;
     text-indent: 0px;
     margin: 0px;
     padding: 0px;
     float: left;
     list-style: none;
     position: relative;
     cursor: default;
li#home {width: 10%;}
li#aboutnpc {width: 15%;}
li#members {width: 15%;}
li#reports {width: 15%;}
li#orderpub {width: 20%;}
li#links {width: 10%;}
li#contactus {width: 15%;}
Applying those ids to the html, we get:
<ul class="MenuBarHorizontal" id="MenuBar1">
       <li id="home"><a class="MenuBarHorizontal" href="index.html" style="text-decoration: none;">Home</a></li>
       <li id="aboutnpc"><a href="background.html" style="text-decoration: none;">About NPC</a></li>
       <li id="members"><a href="#" class="MenuBarHorizontal MenuBarItemSubmenu">Members</a>
         <ul>
           <li><a href="membynam.html" style="text-decoration: none;">By Name</a></li>
           <li><a href="membycom.html" style="text-decoration: none;">By Organization</a></li>
           <li><a href="membycat.html" style="text-decoration: none;">By Category</a></li>
         </ul>
       </li>
       <li id=reports"><a class="MenuBarItemSubmenu" href="reportsbydoc.html" style="text-decoration: none;">Reports</a>
         <ul>
           <li><a href="reportsbyyear.html" style="text-decoration: none;">Reports By Year</a></li>
           <li><a href="emergency.html" style="text-decoration: none;">Emergency<br/>
           Planning & Preparation</a></li>
           <li><a href="energyoutlook.html" style="text-decoration: none;">Energy Outlook</a></li>
           <li><a href="environissues.html" style="text-decoration: none;">Environmental Issues</a></li>
           <li><a href="natgas.html" style="text-decoration: none;">Natural Gas</a></li>
           <li><a href="refining.html" style="text-decoration: none;">Refining</a></li>
           <li><a href="research.html" style="text-decoration: none;">Research</a></li>
<li><a href="resourcedev.html" style="text-decoration: none;">Resource Development</a></li>
<li><a href="storage.html" style="text-decoration: none;">Storage</a></li>
           <li><a href="stratpetrolres.html" style="text-decoration: none;">Strategic<br/>
             Petroleum<br/>
           Reserve</a></li>
<li><a href="transport.html" style="text-decoration: none;">Transportation</a></li>
         </ul>
       </li>
       <li id="orderpub"><a href="orderpub.html" style="text-decoration: none;" class="">Order Publications</a></li>
       <li id="links"><a href="links.html" style="text-decoration: none;">Links</a></li>
       <li id="contactus" class="MenuBarHorizontal"><a href="contactus.html" style="text-decoration: none;">Contact Us</a></li>
     </ul>
Note that each main head li has an id now.
Beth

Photo Size is WAY TOO BIG!

Once I synch a photo album I created specifically for the iphone I notice the file sizes bloat on the Iphone to literally almost 1mb per photo. I exported my photos using Picasa and resized the .jpg files so they are around 40kb per pic. This means with around 374 photos the disk size on my PC is 26MB. Once I synch using itunes to my iPhone 3g the photos now take up around 300mb on the iphone. This is totally nuts as it is inflating my pics by a ratio of almost 15 times.
I understand that itunes creates the Photo Cache folder after iTunes performs the photo optimization. I have performed some research and learned that some people think iTunes is actually converting .jpg file types to a raw .tif or .bmp type format so the iPhone (ipod or whatever as this happens on all devices) can quickly display the image and not have to use Processor power to unzip the compressed file types like.jpg.
I guess I can understand this but to me what a joke. This is really limiting the number of files I can dispaly on my iPhone and considering that the audio .mp3 format is compressed and the iPhone can handle real-time decompression of that format I think this is more of a bug or just plane old bad design.
I would like an answer from Apple on why this is done in this matter as I could store literally 15 times the pictures on my device but currently I'm getting robbed of my precious iPhone disk space.
If you have same issues as me let me know and maybe we can get some traction on this one. Thanks.

Part of the problem is that iTunes makes multiple copies of each photo in different sizes when you sync. This is to support zooming and rotating. This article:
http://www.ilounge.com/index.php/articles/comments/the-complete-guide-to-ipod-ph oto-pictures
has a lot of useful background info.
Alas, I think it means you won't get a solution. I guess Apple thought that with 8GB/16GB to play with, a few megabytes here and there wouldn't be such an issue

Photo size and uploading to Apple

I'm in the process of making a quite large iPhoto book for my SIL for her b'day. The photos are a compiltion from many of mine, and others sent to me by family members. They are all different sizes, resolution, color and B/W.
After getting them organized, doing a bit of fixing on PS, I now am ready to get them into iPhoto.
Is it wise to take them all into Lightroom where I can do an easy batch change of the resolution? I have read where they should be around 300. It is easy to change them and the test prints I did at home looked ok, even on the small ones that aren't too big to start with. On the export menu of Lightroom, I have the option of stating whether I want them to be exported at JPG, Tiff etc., and I can change the resolution and photo size too.
I probably would export them as JPG, 300 res. and not change their size. Is this ok for the iPhoto books?
Also, if they are of a higher resolution, I assume it will take quite a while to upload them to Apple even with high speed fiberoptic cable internet service.
Any suggestions will be appreciated.
Thanks, Allie

Allie:
DO NO USE Lightroom as it messes up the metadata and makes the files not useable in iPhoto. You do not have to preprocess the files to set the dpi to 300 specifically. The only important feature of the file is the pixel dimensions. If the pixel dimensions are large enough as you state you can leave them as is. iPhoto will fit them into the frame you choose and the dpi will be determined that way. No matter what size the files are the book is converted into a pdf file for uploading and printing. My last book of nearly 100 pages came in at approx. 25MB.
TIP: For insurance against the iPhoto database corruption that many users have experienced I recommend making a backup copy of the Library6.iPhoto database file and keep it current. If problems crop up where iPhoto suddenly can't see any photos or thinks there are no photos in the library, replacing the working Library6.iPhoto file with the backup will often get the library back. By keeping it current I mean backup after each import and/or any serious editing or work on books, slideshows, calendars, cards, etc. That insures that if a problem pops up and you do need to replace the database file, you'll retain all those efforts. It doesn't take long to make the backup and it's good insurance.
I've created an Automator workflow application (requires Tiger), iPhoto dB File Backup, that will copy the selected Library6.iPhoto file from your iPhoto Library folder to the Pictures folder, replacing any previous version of it. It's compatible with iPhoto 08 libraries and Leopard. iPhoto does not have to be closed to run the application, just idle. You can download it at Toad's Cellar. Be sure to read the Read Me pdf file.

How to adjust the AICC compliant CBT's to fit all screen sizes across browsers in Captivate 4

Hi,
I have made changed my Adobe Captivate 4 files to be AICC compliant by changing the Settings in Preferences.
When I publish the files, the standard.js file no longer adjusts the CBT's to fit all screen sizes across browsers, as it was doing before by adding the below code -
<style type="text/css"> html, body, #CaptivateContent { height:100%; }
body { text-align:center; margin:0; padding:0; overflow:hidden; }
</style>
Is there a way to scale Adobe Captivate AICC compliant files across different browsers?
Thanks!

That code doesn't go in the standard.js file but goes in the head of the HTM template used for AICC output.
Look in your Captivate install directory for the Templates > Publish > AICC > Default.HTM file and add the code there.
If you want 300 more troubleshooting tips for Cp, you'll need to read the book:
http://www.infosemantics.com.au/troubleshoot-adobe-captivate

Photo Sizes - Standards

Fifty Fast Digital Photo Techniques ... In this boook there is "somewhere" a list of Standard Photo Sizes. Since my aging bones cannot find it, would some kind person help out. Walgreens and Shutterfly say they both make 4X6, 5X7, 8X10 and Wallet (size unkown). These sizes are each in a different category according to the "factor 2" rule. I am making different sizes of the same picture and want to use the most efficient sizes ... get the gist of this? There are 200 pictures to be put in 4 or 5 different sizes.
MartyL

Hi Kurt
This puzzles me too.
How do you know you are saving a photo at 600dpi with 7x5 dimensions? Where is the 7x5 part stored - meta data in a particular application?
I've experimented with a variety of images in my iPhoto library which only contains files in .jpg format. It doesn't make any sense to me but what seems to be happening is that if the longest side of the image is >= 600 pixels then Pages scales the image to be 300pt on that side.
Pages appears to use 1 point as it's smallest internal measurement.
If the image is < 600 pixels on the longest side then it scales the image to be one pixel per point.
Why 300pt? I've no idea and it might be entirely random. I note however that the number is exactly half the 600dpi resolution of my printer.
I'm not sure that 600 pixels is the precise threshold where it scales to 300pt but it is my guess with the images that I had to play with.
I don't know if that is of any help.

Photo size reduced when attached to mail app, from PHOTOS APP in OS X 10.10.3

When I try to attach a photo from photos app to mail app, the photo size is reduced, even 'ACUTAL SIZE' is selected in mail app.
I have tried out to solve this issue, but could not find any way out. Is this a bug in PHOTOS app? Previously it was happening with iPhoto also, which was subsequently rectified by an iPhoto update.
Pl. help, if anybody has any solution

I made a mistake, sorry. I meant something different than I wrote.
When you share the photo from Photos to Mail, there are no quality settings in the Share dialog at all. The email window will only have the the options "Actual size", "Large", "medium", .... but no compression settings.
Actual size send the actual pixel size. But it is not clear, how badly the quality will be reduced by the compression.
That is why I compared the result to the file sizes that I get, when I use "File > Export", where I can select the quality.
I found that the compression and quality in "Share > Mail > Actual Size" is similar to "File > Export" with the JPEG Quality setting "High".

How come my links layout go all over the place in different browsers?

Hello,
Please go to <http://www.peterdanko.com/errr.png> and see the screen shot of the page I am having difficulty with in the design view. Note the links: INSTALLATIONS, BELT COLORS, FINISHING, PRICING are neatly centered with the text body above and in a single line.
Now view <http://www.peterdanko.com/atmos.html> Note they are now stacked and randomly placed. In different browsers they are all over the place.
How can I keep them neat and tidy in all browsers?
Thanks
PETER

Below is the complete html code/css re-written for the 'product-wrapper' section. (scroll down). Not sure if this is of help or not. I think you need to take some time to learn some more html/css as the way youre going about it at the moment must be a complete nightmare for you. Copy the code below, (scroll down) paste into a new Dreamweaver document and save to your site folder. View in browser.
You need to simplify your way of working instead of creating a <div> for each of your page elements, which must be a headache to keep track of???
Example: Instead of putting your header 'Atmos Seating Group' in it's own individual <div> use a more meaningfull html tag like a header tag, <h2>Atmos Seating Group</h2>
Then use some css to target the <h2>. We know the <h2> tag is in the 'right_tx_bx_400pxWd' <div> so write it as below:
right_tx_bx_400pxWd h2 {
text-align: center;
margin: 15px 0;
font-size: 20px;
font-weight: normal;
color: #999;
Similarly instead of inserting the main wording in its own <div> use a paragraph tag, <p></p> it's more meaningful. Then target the paragraph tag:
#right_tx_bx_400pxWd p {
font-size: 13px;
line-height: 16px;
color: #999;
Get the point. We only have to keep track of one <div> not several and we can target tags in that <div> more cleanly and effectively.
Try and keep all off your css together i.e. so all the 'right_tx_bx_400pxWd' css is kept together so its easy to find in the stylesheet intead of scrolling up and down.
Don't use heights on <divs> unless you know how high it will be and you won't know that unless it just contains images or you set a specific height for a scroll bar.
BELOW IS THE 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">
#product_wrapper {
width: 932px;
margin: 0 auto;
overflow: hidden;
#left_image_column {
float: left;
width: 512px;
#right_tx_bx_400pxWd {
float: left;
width: 400px;
font-family: Arial, Helvetica, sans-serif;
margin-left: 20px;
display: inline;
#right_tx_bx_400pxWd h2 {
text-align: center;
margin: 15px 0;
font-size: 20px;
font-weight: normal;
color: #999;
#right_tx_bx_400pxWd p {
font-size: 13px;
line-height: 16px;
color: #999;
#right_tx_bx_400pxWd h3 {
text-align: center;
margin: 15px 0 10px 0;
padding: 0;
font-size: 14px;
font-weight: normal;
color: #999;
#right_tx_bx_400pxWd ul {
margin: 0;
padding: 0;
text-align: center;
#right_tx_bx_400pxWd li {
text-align: center;
font-size: 13px;
margin: 0 0 3px 0;
font-style: italic;
color: #CCC;
/* footer links */
#four_text_link_box {
clear: both;
width: 400px;
padding: 20px 0 0 0;
#four_text_link_box ul {
margin: 0;
padding: 0;
#four_text_link_box li {
margin: 0;
padding: 0;
float: left;
list-style: none;
text-align: center;
#right_tx_bx_400pxWd #four_text_link_box a {
float: left;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #999;
text-decoration: underline;
display: block;
width: 100px;
text-align: center;
font-style: normal;
/* end footer links */
</style>
</head>
<body>
<div id="product_wrapper">
<div id="left_image_column"><img src="atmos_images/atmos_lounge_blk_belt.jpg" alt="Atmos lounge" name="at_lounge" width="512" height="400" id="at_lounge" /></div>
<div id="right_tx_bx_400pxWd">
<h2>Atmos Seating Group</h2>
<p>The Atmos chairs are the essence of OMG design. They are comfortable. They evolve the Shaker esthetic of spare/elegant utility into the eco-modernist sensibility: The straps are post industrially sourced automotive seat belt material, the “ears” at the top of the backs acknowledge our natural world, and though strong, its lightweight structure uses minimal material. The contrasting splines on the rocker and lounge chairs celebrate craftsmanship. Wood is American Ash sourced from FSC certified forests; adhesives and finishes are water based. Suitable for residential and designed for contract applications.</p>
<h3>OMG characteristics:</h3>
<ul>
<li>use of post-industrial belting as substitute for the more problematic use of foam as cushion material fabric</li>
<li>low carbon footprint.</li>
<li>ply-bent construction</li>
<li>evokes the enchantment of an eco centric style</li>
</ul>
<div id="four_text_link_box">
<ul>
<li><a href="at_installs.html">Installations</a></li>
<li><a href="#" onclick="MM_openBrWindow('images/belt_samples.gif','belts','scrollbar s=yes,resizable=yes,width=300,height=100')">Belt Colors</a></li>
<li><a href="#" onclick="MM_openBrWindow('images/wood_finishes.gif','finishes','scrol lbars=yes,resizable=yes,width=600,height=175')">Finishes</a></li>
<li><a href="#" onclick="MM_openBrWindow('_danko_2010pricelist/at_prices.gif','','scr ollbars=yes,resizable=yes,width=400,height=500')">Pricing</a></li>
</ul>
</div>
</div>
<div id="bottom_rule">
      <p> </p>
      <p> </p>
    </div>
    <div id="product_box"></div>
</div>
</body>
</html>.

CSS problem with content in different browsers?

I've been revamping the CSS for a website and got most internal pages to display normally on different browsers. However, the site entry page is driving me nuts. I think I've been staring at the code so long that I've overlooked an obvious error. In Firefox, the paragraph of intro text lines up nicely to the right of the navigation panel. In Google Chrome (and IE of course), it pops down underneath the nav panel as shown in screen capture below. Even if I zoom out. Included a link so you can see it in real time. (Since the revamp is recent, the style sheet isn't pretty.)
http://www.keithpurtell.com/kthings/index.htm

Sorry for the slow reply. Thanksgiving and family in town and all that. No I didn't fix or change anything. And I'll make sure the percentage match in the morning. It's after midnight here.

Issue with images in different browsers

Having an issue with different browsers -- hoped someone
could help.
If I open my site with IE, everything looks as it does in
Dreamweaver -- there is no overlap of text and images/etc.
If I open my site with Mozilla or Safari, it seems to
arbitrarily move up some of the images over the top of text. Not
all of the images, mind you -- just a few random ones throughout
the page.
Opening the following link in both type of browsers may give
you a clue as to what is going on. What can I do to get it to look
like it does in IE?
http://www.centecsystems.com/centecexample/disanapplications.htm

LOL ahem, 'scuze me. :-)
-N
"Walt F. Schaefer" <[email protected]> wrote in
message
news:[email protected]...
> >>For that we rely on IE hacks
>
> In polite company we call those "conditional comments".
> --
>
> Walt
>
>
> "Nancy O" <[email protected]> wrote in
message
> news:[email protected]...
> > First off, you are assuming incorrectly that IE is
the good browser and
> > Mozilla is the bad browser. Actually, it's the
other way around. If
you
> > build your sites to perform well in Mozilla,
chances are your sites will
> > look good in all major browsers except IE. For that
we rely on IE hacks
> > or
> > workarounds.
> >
> > Learning html and CSS takes time and effort but
it's very doable. You
> > would
> > be doing yourself a big favor by learning to work
with code now. Design
> > view is fine for some things, like typing content
and adding a few
images.
> > But eventually you have to pop the hood to check
the oil. If hiring a
pro
> > isn't an option, I suggest you purchase a solid
template to work with.
> > Money well-spent IMHO.
> >
http://www.projectseven.com/products/templates/
> >
> >
> >
> > --Nancy O.
> > Alt-Web Design & Publishing
> > www.alt-web.com
> >
> >
> >
> >
> > "PunIntended" <[email protected]>
wrote in message
> > news:[email protected]...
> >> Unfortunately, hiring someone is not an option
for my friend -- the
> > recession
> >> has hit them hard -- etc.etc. I'm doing it as a
favor.
> >>
> >> One additional question -- Why are only some of
the image files moved
> > when
> >> viewing in mozilla? I dont understand how
Dreamweaver arbitrarily
> >> chooses
> >> which are moved and which are not.
> >>
> >> Also, is laying out your site in 'design' mode
simply a bad idea? It
> > seems
> >> like it looks / works fine with IE, and the
majority of the layers are
> > correct
> >> in mozilla -- it just doesn't deal well with a
few of the images.
> >>
> >> Thank you again for all your comments - - like
I said, am sort of a
> > beginner
> >> -- just looking for the best method to fix the
problem. If the best
> > method is
> >> explaing to the graphic designers their
'vision' can't be accomplished,
> >> so
> > be
> >> it. I just want to know how to go about
attacking the browser
> > compatibility.
> >>
> >
> >
>
>

I can't install ADE on my PC, because as I try to open it a message of error appears to me: The application will be closed. I've already try with different browsers and also with the manual installation, but nothing..

I can't install ADE on my PC, because as I try to open it a message of error appears to me: The application will be closed. I've already try with different browsers and also with the manual installation, but nothing..

1
Close all iWork applications
2
Uninstall Keynote; this must be done with an application remover tool to delete the installation properly. Appcleaner is known to work correctly for this purpose, it is free and can be downloaded from here: Appcleaner Download
3
empty the trash
4
shutdown the Mac and restart. After the start up chime, hold down the shift key until the apple logo appears
let the Mac complete the start up procedure completely, it will take longer than usual as the hard drive is being repaired
5
Reinstall Keynote by logging into the Mac App Store using download / install

Download Issues With Different Browsers

I'm using a simple, simple download example app to fetch a
file from a tomcat server. It seems to work fine on Mozilla
fireFox, but when I use it with safari or opera I get the following
error;
quote:
Error #2044: Unhandled IOErrorEvent:. text=Error #2038: File
I/O Error.
at
flexDownloadExample/init()[/Applications/apache-tomcat-5.5.1/webapps/flexDownloadExample/ src/flexDownloadExample.mxml:40]
at
flexDownloadExample/___flexDownloadExample_Application1_creationComplete()[/Applications/ apache-tomcat-5.5.1/webapps/flexDownloadExample/src/flexDownloadExample.mxml:2]
at flash.events::EventDispatcher/dispatchEventFunction()
at flash.events::EventDispatcher/dispatchEvent()
at
mx.core::UIComponent/dispatchEvent()[E:\dev\3.0.x\frameworks\projects\framework\src\mx\co re\UIComponent.as:9051]
at mx.core::UIComponent/set
initialized()[E:\dev\3.0.x\frameworks\projects\framework\src\mx\core\UIComponent.as:1167]
at
mx.managers::LayoutManager/doPhasedInstantiation()[E:\dev\3.0.x\frameworks\projects\frame work\src\mx\managers\LayoutManager.as:698]
at Function/
http://adobe.com/AS3/2006/builtin::apply()
at
mx.core::UIComponent/callLaterDispatcher2()[E:\dev\3.0.x\frameworks\projects\framework\sr c\mx\core\UIComponent.as:8460]
at
mx.core::UIComponent/callLaterDispatcher()[E:\dev\3.0.x\frameworks\projects\framework\src \mx\core\UIComponent.as:8403]
I have absolutely no idea why this is. I havent been able to
test this in internet explorer, but i'm guessing it will show the
same error. My question then is, why is it that the code below
works for one browser and not for another?

Font Rendering
Every browser and operating system and browser and operating sytem version (just about) renders text differently. Chrome on Windows is currently the worst at rendering text, since it's using an old Windows API which uses an outdated anti-aliasing algorithm for the text. So text in Chrome on Windows generally looks worse that text drawn in other browser or on other operating systems. Typekit has a 7 part blog post here <http://blog.typekit.com/2010/10/05/type-rendering-on-the-web/> about all the ins and outs of font display in different browsers and operating systems.
Scroll Effects
Scroll effects are measured from the top of the browser window. Thus when the height of the browser window differs, even on the same computer, where the top of the browser window is relative to your objects when the page is scrolled all the way to the bottom will differ. Without the URL for your site/page, this is only a guess, but I suspect this is what you're encountering.
Several customers have asked for an option to set the key position as a distance from the bottom of the browser window rather than always being from the top in order to create items that have a specific final location when a page is scrolled all the way to the bottom, but Muse doesn't currently have that feature.

How do I make my animation look the same in different browsers?

Hi!
When I play my animation in different browsers it don't look the same as in the preview. In IE some of the parts of the animation have disappeared and in Chrome the pats are no longer in their right places. See picture below.
How do I do to make the animations look the same in different browsers?
(In the end I want to use the animations in my captivate 8 project. )
BR,
M

Ah, found the issue, the problem is with the name of the two images,
genomförande (instead you can use genomforande)
Grå bakgrund (instead you can use grabakgrund)
Seems like IE is having issue with those special characters.
hth,
Vivekuma

Photo size, different browsers

Similar Messages

Maybe you are looking for