NavBar Preview in Safari

This was an excellent tutorial. I am having one issue though. When I preview in Safari, the navigation links are presented the way they looked at the beginning of the tutorial (bullet points, stacked). The links work and all, but they aren't formated as they appear in my template as a navigation bar. When previewing in FireFox, I don't have this issue and the NavBar is properly presented in the final format (blocks with text along the top of the page, hover color change, etc). I'm wondering if this is just an issue with Safari, or the preview function?

Glad you liked the tutorial. If the navigation bar looks OK in Firefox, it should look the same in Safari. It sounds as though Safari is displaying a cached version. To clear the cache, press Cmd+Opt+E in Safari. Then reload the page. It should display correctly then.

Similar Messages

Preview and safari do not display images in a pdf, where as chrome will. How do I fix this?

I'm on the newest OS X Yosemite and I have an issue with viewing pdfs in both preview and safari. The figures show up fine from Chrome. This also leads to the issue of when I try to print off the pdf. The images do not appear in the printed version.
Safari/ Preview:
Chrome:

Back up all data before making any changes. Please take each of the following steps until the problem is resolved.
Step 1
If Adobe Reader or Acrobat is installed, and the problem is just that you can't print or save PDF's displayed in Safari, you may be able to do so by moving the cursor to the the bottom edge of the page, somewhere near the middle. A black toolbar should appear under the cursor. Click the printer or disk icon.
Step 2
There should be a setting in its preferences of the Adobe application such as Display PDF in Browser. I don't use those applications myself, so I can't be more precise. Deselect that setting, if it's selected.
Step 3
If you get a message such as ""Adobe Reader blocked for this website," then from the Safari menu bar, select
          Safari ▹ Preferences... ▹ Security
and check the box marked
          Allow Plug-ins
Then click
          Manage Website Settings...
and make any required changes to the security settings for the Adobe PDF plugin.
Step 4
Triple-click anywhere in the line of text below on this page to select it, the copy the selected text to the Clipboard by pressing the key combination command-C:
/Library/Internet Plug-ins
In the Finder, select
          Go ▹ Go to Folder
from the menu bar, or press the key combination shift-command-G. Paste into the text box that opens by pressing command-V, then press return.
From the folder that opens, move to the Trash any items that have "Adobe" or “PDF” in the name. You may be prompted for your login password. Then quit and relaunch Safari.
Step 5
The "Silverlight" web plugin distributed by Microsoft can interfere with PDF display in Safari, so you may need to remove it, if it's present. The same goes for a plugin called "iGetter," and perhaps others—I don't have a complete list. Don't remove Silverlight if you use the "Netflix" video-streaming service.
Step 6
Do as in Step 4 with this line:
~/Library/Internet Plug-ins
If you don’t like the results of this procedure, restore the items from the backup you made before you started. Relaunch Safari.

Why do some black-and-white photos disappear in Mac Preview and Safari?

I sent a PDF to a colleague recently only to discover that he uses Mac Preview to view PDFs and not Adobe Reader. The unfortunate part is that, although full-color photos all appeared, small black-and-whites were inconsistent: some appeared and others did not.
Moreover, the same problem turns up when using Safari, though Google Chrome displays the PDF perfectly.
One reference point is that a full version of the PDF appears just fine in Preview and Safari. It's when the original is reduced or optimized that some of the small black-and-white photos disappear. Of course all photos appear in Reader, even when they PDF is reduced or optimized.
I have examined the small photos and have been unable to find any consistent trait among those that appear and among those that do not. I have experimented with them: layered and flat, with and without alpha channels, with and without profiles, as RGB and grayscale, with byte order for IBM PC and Mac, as TIFFs and JPEGs — in other words in every variation I could think of. I have used both Acrobat Pro 8.3.1 and Acrobat XI. Nothing I have tried has varied the outcome.
The obvious solution is to avoid Mac Preview and Safari, but I am planning to distribute a complicated project to a large audience and can't control what viewers they use.
Does anyone know what the problem is?

As I reported and you confirm, the things I tried had no effect.
You point to the compression and image settings, but that leaves the question why some photos and not others showed up: presumably they were all subjected to the same compression and image settings.
There are a great many possible permutations of compression and image settings, and I'm on deadline. Is there perhpas a combination of compression and image settings you recommend?
Thanks!

Jpeg shows up when previewing in safari, but not when viewed after uploading to browser. CS5

Hi, I'm afraid I don't know the jargon as someone else has set this up for me and I just make new pages based on the templates.
But I've just uploaded 9 new pages all with 9 small images linked to the corresponding 9 large images. All of them work except one, where I changed the image a couple of months afterwards. So now the 9 small images and it's corresponding large image come up with a blue question mark in Safari, and blank in Firefox. However when you save and click on Preview in Safari etc. it all works fine.
I've checked the jpeg names have no spaces and no caps. They're exactly the same length as the other jpeg names within that set of pages; nothing longer than 10 letters or numbers. Also they're both RGB as someone mentioned that could be a problem.
Everything else works fine in the pages and all links work.
Hope someone can help.
Thanks

One more thing I noticed is the filename convention you've used.
It looks like this:
<tr align="left">
    <td><a href="evasion01.html"><img src="works/evasion/evasion55.jpg" alt="" width="55" height="40" border="0" align="top" /></a><a href="joy01.html"></a></td>
    <td><a href="evasion02.html"><img src="works/evasion/evad55.jpg" width="37" height="55" border="0" align="top" /></a></td>
    <td><a href="evasion03.html"><img src="works/evasion/evasion255.jpg" alt="" width="36" height="55" border="0" align="top" /></a></td>
    <td><a href="evasion04.html"><img src="works/evasion/evasion355.jpg" alt="" width="55" height="44" border="0" align="top" /></a></td>
</tr>
<tr align="left">
    <td><a href="evasion05.html"><img src="works/evasion/evasion155.jpg" alt="" width="55" height="31" border="0" align="top" /></a></td>
    <td><a href="evasion06.html"><img src="works/evasion/evasion455.jpg" alt="" width="55" height="35" border="0" align="top" /></a></td>
    <td><a href="evasion07.html"><img src="works/evasion/evasion555.jpg" alt="" width="30" height="55" border="0" align="top" /></a></td>
    <td><a href="evasion08.html"><img src="works/evasion/evasion851.jpg" alt="" width="55" height="37" border="0" align="top" /></a></td>
</tr>
<tr>
    <td><a href="evasion09.html"><img src="works/evasion/evasion755.jpg" alt="" width="33" height="55" border="0" /></a></td>
I'd recommend that you give a proper order for filenames - they make your job easier - i.e. evasion01.html could hold evasion01.jpg as main image filename and evasion01_t.jpg as thumbnail image filename. This varies with different people but this is the methodology I'd use. Or another easy way of doing it is to put your main images into works/evasion folder with filenames like 01.jpg, 02.jpg, etc.. And put the thumbnails into works/evasion/thumbs with filenames like 01.jpg, 02.jpg, etc...

Preview in safari inaccurate.

Hi. Im new to dreamweaver. When I preview in Safari the font is different. When I preview in Firefox, everything is fine. When my website is finished, will it display correctly in Safari? Is there an error in the preview?
<!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>
<link href="getit.css" rel="stylesheet" type="text/css" />
<style type="text/css">
#apDiv1 {
position:absolute;
left:281px;
top:276px;
width:434px;
height:174px;
z-index:1;
#apDiv2 {
position:absolute;
left:262px;
top:259px;
width:379px;
height:121px;
z-index:1;
#apDiv3 {
position:absolute;
left:22px;
top:461px;
width:1188px;
height:130px;
z-index:2;
</style>
</head>
<body class="real">
<div class="font2" id="apDiv2">internet /s broken. </div>
<div class="heading" id="apDiv3"><a href="about.html">about</a> <a href="audio.html">audio</a> <a href="visual.html">visual</a> <a href="data.html">data</a> <a href="links.html">links</a></div>
<div class="divtag">
i <a href="http://www.apple.com/startpage/">think</a> i <a href="03 The Merry Barracks.mp3" class="real">get</a> it.
</div>
</body>
@charset "UTF-8";
/* CSS Document */
body {background-image:url(dusty_soil_lumps_2030156.JPG.jpeg)}
.real {
font-family: Arial, Helvetica, sans-serif;
font-size: x-large;
font-style: italic;
color: #03C;
text-decoration: none;
.real a:link {
font-family: Arial, Helvetica, sans-serif;
font-size: x-large;
font-style: italic;
color: #03C;
text-decoration: none;
}.real a:hover {
font-family: Arial, Helvetica, sans-serif;
font-size: x-large;
font-style: italic;
color: pink;
text-decoration: none;
}.real a:visited {
font-family: Arial, Helvetica, sans-serif;
font-size: x-large;
font-style: italic;
color: #03C;
text-decoration: none;
}.real a:active {
font-family: Arial, Helvetica, sans-serif;
font-size: x-large;
font-style: italic;
color: #03C;
text-decoration: none;
.divtag {
background-color:#FF6;
height: 25px;
width: 225px;
margin: 140px;
margin-left: 0%;
.divtag2 {
background-color:#F39;
height: 225px;
width: 425px;
margin: 140px;
margin-left: 0%;
.font2 {
color:#CF3;
font-size:36px;
background-image:url(2003IvryTCb.jpg);
padding-top: 50px;
padding-right: 20px;
padding-bottom: 20px;
padding-left: 40px;
.heading {
font-family: "Courier New", Courier, monospace;
font-size: 36px;
color: #F93;
text-decoration: none;
word-spacing: 80px;
.heading a:link {
font-family: "Courier New", Courier, monospace;
font-size: 36px;
color: #F93;
text-decoration: none;
word-spacing: 80px;
.heading a:hover {
font-family: "Courier New", Courier, monospace;
font-size: 36px;
color: #63C;
text-decoration: none;
word-spacing: 80px;
background-color: #F90;
padding: 4px;
border: 6px 3 #CF0;
.heading a:visited {
font-family: "Courier New", Courier, monospace;
font-size: 36px;
color: #F93;
text-decoration: none;
word-spacing: 80px;
.heading a:active {
font-family: "Courier New", Courier, monospace;
font-size: 36px;
color: #F93;
text-decoration: none;
word-spacing: 80px;

nope. that didn't work.
Can we confirm that the browser preview is accurate? I read somwhere that the browser preview is prone to error. This is key. I dont care if the browser preview is glitchy as long as the final product works.Can anyone confirm that If I post my dreamweaver project online, I have the same problems as in my preview?
Does css and html have to be written differently in Safari? If so, how do I do this?
This is incredibly frustrating. There has to be a simple solution, as everything works well in firefox.
here is another example. just made this. in firefox eveything is fine. in safari, the div box size and the text font if different:
<!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>
<link href="newfake.html.css" rel="stylesheet" type="text/css" />
</head>
<body><div class="divvy1">
hello. <a href="safari.http">safari</a> wacked up my website.</div>
</body>
</html>
.divvy1 {
font-family: Arial, Helvetica, sans-serif;
font-size: 44px;
background-image: url(typewriter-ascii-art-21.jpg);
color: #0C3;
width: 400px;
.divvy1 a:link {
font-family: Arial, Helvetica, sans-serif;
font-size: 44px;
background-image: url(typewriter-ascii-art-21.jpg);
color: #0C3;
width: 400px;
text-decoration: none;
.divvy1 a:hover {
font-family: Arial, Helvetica, sans-serif;
font-size: 44px;
background-image: url(typewriter-ascii-art-21.jpg);
color: #CF3;
width: 400px;
text-decoration: none;

Weird previewing in safari

when i preview 1 page in safari, the image looks normal. when i do a full preview in safari with all pages. some of the elements look strange. why would this happen?

1. From the Safari menu bar, select
Safari ▹ Preferences... ▹ Privacy ▹ Remove All Website Data
and confirm. Test.
2. There are reports that this problem can be solved by simply restarting, or by resetting the PRAM.
Repairing permissions is a waste of time.

"Safari cannot find file" when I use "Preview in Safari" in Dreamweaver CS4

I am experiencing problems with AFP network users working in Dreamweaver when they try to view pages with "Preview in Safari" when Safari is already running. If Safari is closed and launches from scratch, then pages display correctly. This is isolated to network users only. When logged in locally, files display correctly whether Safari is running or not.
I tested this same scenario in Firefox and it worked correctly each time. Hear are results from both Safari and Firefox for an AFP network user working on a file saved in their home directory. All four attempts were made from Dreamweaver using the "Preview in browser" feature:
From Safari when it is already running:
file:///Users/millersr/Documents/DW%20CIB%20Site/lesson03/santorini.html
From Safari when it launched from scratch:
file:///Network/Servers/macserver.crhs.chesterfield.k12.sc.us/Volumes/User%20RAI D/Users/millersr/Documents/DW%20CIB%20Site/lesson03/santorini.html
From Firefox when it is already running:
file:///Network/Servers/macserver.crhs.chesterfield.k12.sc.us/Volumes/User%20RAI D/Users/millersr/Documents/DW%20CIB%20Site/lesson03/santorini.html
From Firefox when launched from scratch:
file:///Network/Servers/macserver.crhs.chesterfield.k12.sc.us/Volumes/User%20RAI D/Users/millersr/Documents/DW%20CIB%20Site/lesson03/santorini.html
To make a long story short, when Safari is running the full path is not sent to Safari. We are using DW CS4 (but this also happened with DW CS3).
Any help is greatly appreciated!

A good general step for strange issues is to renew the iPhoto preference file - quit iPhoto and go to "your user name" ==> library ==> preferences ==> com.apple.iPhoto.plist and trash it - launch iPhoto which creates a fresh new default preference file and reset any personal preferences you have changed (including reseting PSE as the external editor) and if you have moved the iPhoto library repoint to it. This may help
This does not affect your photos or any database information (keywords, faces, places, ratings, etc) in any way - they are stored in the iPhoto library - the iPhoto preference file simply controls how iPhoto works - which is why renewing it is a good first step.
LN

JPEGS not rendering correctly in Finder, Preview or Safari

Need some quick help, guys.
Here's the symptom: JPEGs look lousy in the Finder, Preview, Safari, etc. Open them in Photoshop, and they look fine. Move the file to another computer, and it looks fine. It appears to me that any application that uses OS X to render to the JPEG is messing it up.
The files look like data is missing (e.g., 8 bit vs. 12 bit). Dark areas are banded.
Any clue what's not work, and how to fix, short of a new OS install, which I really want to avoid?

One of the causes of some images to appear poor, can be due
to an application used to view them, may be finding the smaller
thumbnail or reduced quality image, and showing you that one.
Sometimes, iPhoto or another image app will show a smaller
resolution image because there is also one of them available
in addition to the original larger resolution image. Or, in a few
other cases, an original may have been removed but a small
thumbnail or other file remains behind; a lesser vestige.
From other incidental exposure to this issue in other forums
over the past year or so, I have an idea that PhotoShop or
another pro app may have its own image archive to draw from.
Or it can see the correct larger image file, and avoid any small
resolution duplicate stored in iPhoto or another archive location.
Probably it would not be a good idea to re-install the OS X
since that would not necessarily fix the underlying cause
& it could return again; with little learned about how to fix it.
I've read about this kind of issue; but since I do not use
iPhoto (yet have a fairly good version of it, updated) this
problem is one I have never experienced in any Mac.
Perhaps a search of the Discussions archives or online
user forums via a google or other search engine, may
yield comparable issues and possible answers to them.
And, there is a fair chance that someone frequenting these
forum Discussions can point you to the exact cause of this.
I could find the most probable causes by doing a few searches
and likely get the correct matching results in about 15 minutes.
But it is time to consider sleep now.
For this issue, I would not reinstall the OS X; as that would
then require updating many apps, system steps, security
updates, java, quicktime, flash/shockwave, browsers, etc.
Unless you have a healthy clone you could clone back in
which pre-dated the emergence of this issue; a bootable
clone on an external enclosed hard disk drive. I have those.
Sometimes, iPhoto or other apps using images stored or
handled by such an image editing app, provide a lesser
quality resolution duplicate, and if I weren't so tired, I'd look
into where I think I read about this issue, within the past year.
Hopefully a frequent flier can recollect the correct path...
Good luck & happy computing!
PS: a quick search online of these words:
*Mac OS X jpg images poor quality* is
recommended; there are several results
of which some are likely candidates.
{edited}

Clearing CACHE and Web Previews in Safari 4.0.3???

I had a problem where an old page was loading in a window of Safari and it was because the cache page was loading, not the real, new updated page. (Discovered by opening in FireFox...)
Now I see that in /users/myname/Library/Caches there are 2 folders related to Safari and each had over 500 mb of stuff: One is com.apple.Safari and then the folder web pages preview; the other is the folder Safari in that same Caches folder. I used the command EMPTY CACHE in Safari, but it seems all these hundreds of files were still there.
Any way to have them periodically (or upon startup of Safari or the Mac) automatically deleted?
Any 'danger' to do this?
Thanks for comments!

Greetings,
Caches cannot be emptied automatically, nor can Web Page Previews, which is used for the Top Sites and Cover Flow features in Safari. You can empty those folders, but Web Page Previews will simply be refreshed with new images as you browse.
If you don't want to use the Top Sites or Cover Flow features in Safari 4.0.3, you can disable it completely, and then you could empty those folders (com.apple.Safari and Web Page Previews) and then Lock the folders so any cache files from browsing would be deleted when you quit Safari.

PDF won't preview in Safari 4.0.3

Just installed Snow Leopard. Intel Mac Pro. Using Safari 4.0.3. No preview of pdfs in Safari at all. I've removed the Adobe pdf viewer plug-in. And I get a black screen when I try to look at the pdf in browser view. I can download the file and read it on the desktop. But no luck with Safari. Yes. I tried the terminal command too, but no luck. Any ideas?
thanks

Okay, but what Terminal command did you attempt to use before? What happens in the new user account when you try Safari there? Do you have any Input Managers installed? Those are located in /Library/InputManagers and Home/Library/InputManagers; if you don't have either of those folders, then you have no Input Managers.
You can also try quitting Safari and going to Home/Library/Preferences and deleting the com.apple.Safari.plist file, then restarting Safari and resetting all your preferences to see if that resolves the problem. But don't do that until after you've had no luck with the things above.

PDFs with Preview and Safari:

When I open a web based PDF in Safari and then choose "open in Preview" where is that file that I am now viewing in Preview located? On the web still? downloaded to the hdd? I can't find it in a spotlight search.

I had a similar probem after updating to the newest Safari -- and I posted that question on the forum this morning. Like you, I didn't have any adobe plug-ins. then I read another post that made sense:
find a pdf document that you know opens in Preview. Do a command-I on that document's icon. Then you'll see 1/2 way down an item that says "open with Preview" - click on the arrow beside that, then beside it you'll see "use this application to open all documents like this one" Under that, you'll see "change all" -- and it will change all pdfs to automatically open with Preview instead of Adobe.From then on Safari worked perfectly
Then I wondered why I didn't have the Adobe plug-in that people were telling me to disable - so I downloaded Adobe Reader again - looked in the library and sure enough there was the plug-in - so I went ahead and disabled the Adobe pdf plug-in (by dumping it in the trash).
so far so good -- first time that Safari 6.02 has worked for me since I installed it.

Open in pdfs in preview from Safari page

Since the release of Safari 8.03 when a pdf page loads in Safari the icons to have the page opened in preview no longer works.
When a PDF is open on a Safari page, bringing the cursor to the bottom of the page causes several icons to pop up, one of which used to cause the pdf to be opened by preview. Now when I click that icon nothing happens. I can export the pdf and then open in preview, but that is an extra few steps.
Any suggestions on how to bring the behavior back?

Have you installed the vlc plug in for safari, this might help, I'm going to try it my self and see if it works
http://www.videolan.org/vlc/download-macosx.html

Linked PDF file won't preview in Safari

I linked a PDF file to my iWeb page but when I click on it in Safari it loads almost to the end but then errors at the last two pages. The same file works fine in Mac Firefox and IE on a few PC's I tried. Safari though on multiple macs just wouldn't view it. I could however right click and download then it viewed fine in Preview.
Any thoughts?

Okay, but what Terminal command did you attempt to use before? What happens in the new user account when you try Safari there? Do you have any Input Managers installed? Those are located in /Library/InputManagers and Home/Library/InputManagers; if you don't have either of those folders, then you have no Input Managers.
You can also try quitting Safari and going to Home/Library/Preferences and deleting the com.apple.Safari.plist file, then restarting Safari and resetting all your preferences to see if that resolves the problem. But don't do that until after you've had no luck with the things above.

TEXT increases in line spacing when previewed in Safari

I am a beginner with dreamweaver and I have a problem with an
AP Div that contains text. When I preview it in Safari the spacing
between the text increases. How can I stop this from
happening?

I am a beginner with dreamweaver and I have a problem with an
AP Div that contains text. When I preview it in Safari the spacing
between the text increases. How can I stop this from
happening?

Open PDF in Preview in Safari 5.1

I'm using Safari 5.1, and recently, I found out that the "Open PDF in Preview" option does not work. I would click the button several times, and it would not bring up Preview. I don't have Adobe Reader or any other PDF reader on my MBP. The only way I can view the PDF in Preview is to first download it and then open it up in Preview. Does anybody know why this is happening? Is this a problem with Safari 5.1?

Gp tp /Library/Preferences - Internet Plug-Ins.
Move the PDF Browser Plug-in and any Adobe plugins to the Trash.
Quit then relaunch Safari to test.
Right or control click a PDF file you have on the hard drive then click: Get Info
In the Get Info panel click Open with.
Select Preview then click: Change all
Might be a good idea to read this even if you don't use Adobe Acrobat just so you will be aware.
Apple Safari 5.1 and Adobe Reader/Acrobat Advisory

NavBar Preview in Safari

Similar Messages

Maybe you are looking for