PNG graphic positioning in IE 7
I'm running Studio 8, and I have a problem. I want my text to
wrap around graphics, and right now I'm accomplishing this by
clicking "left" or "right" from the Align menu in the Properties
window. This works fine for JPG and GIF pictures, but not PNG's.
The PNG graphics take up the whole horizontal width of the page in
IE 7. This doesn't happen in Firefox or Opera - the text wraps fine
there. Is there some IE 7 hack or different technique I can use to
fix this?
Thanks,
Ryan Janus
[email protected]
There is also an issue with spaces in filenames, and images
within a <p> tag
with align="justify", but I think you are on the culprity -
display:block is
what is causing things to drop to the next line.
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.dreamweavermx-templates.com
- Template Triage!
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
http://www.macromedia.com/support/search/
- Macromedia (MM) Technotes
==================
"Win Day" <[email protected]> wrote in
message
news:[email protected]...
> On Wed, 8 Nov 2006 08:10:54 +0000 (UTC), "RyanJanus"
> <[email protected]> wrote:
>
>>Here's the problem on the page: (URL is
>>
http://www.usafacademyband.com/Education/murray_clinic.html,
if you need
>>it
>>again):
>>
>> The two PNG graphics of Murray playing the saxophone
aren't where they're
>>supposed to be. Never mind that IE 6 doesn't seem to
support these PNG's
>>even
>>with the javascript hack I implanted in the
<head> tag. What I'm worried
>>about
>>right now is the fact that they take up the entire
horizontal width of the
>>page
>>and are always flush to the left. The bottom one
should be on the right,
>>and
>>the text should wrap around both. Load the page up in
Firefox to see how
>>it's
>>supposed to look. I tried putting align="right" into
the <img> tag, and
>>I've
>>also tried using CSS floats. What are my other
options?
>>
>> Thanks,
>> Ryan
>>
>
> The first of those images is here:
>
> <img class="floatleft" src="Education_Images/bill
playing solo.png"
> alt="MSgt (ret) Bill Murray" width="180" height="270"
align="left" />
>
> I can't find the class "floatleft" defined anywhere in
your CSS files.
> Where is it?
>
> You're referring to two CSS files. At first I thought
they were
> identical till I scrolled waaaaay down. Why two, and why
so similar?
>
> But this is probably the culprit:
>
> td img {
> /* Another Mozilla/Netscape bug with making sure our
images display
> correctly */
> display: block;
> }
>
> That image is in a td. Why do you need this?
>
> Win
> --
> Win Day, Wild Rose Websites
>
http://www.wildrosewebsites.com
> [email protected]
> Skype winifredday
Similar Messages
-
Excel 2013 save as JPG/PNG graphic format?
Dear All,
For Excel 2013, is it possibe to save the sheet in JPG or PNG graphic file?Hi,
Currently, Excel 2013 doesn't have the ability to save a sheet as an image.
The simplest way to accomplish this is to select and copy the worksheet cells containing the data, chart, etc. you want to save as an image (turn off grid lines if you don’t want them too), then paste it into your graphics editor, say Microsoft Paint.
Now you will be able to save it as any graphic formats as you want by using
Save as feature in Microsoft Paint.
Regards,
Ethan Hua
TechNet Community Support
It's recommended to download and install
Configuration Analyzer Tool (OffCAT), which is developed by Microsoft Support teams. Once the tool is installed, you can run it at any time to scan for hundreds of known issues in Office
programs. -
Poor resolution on imported .png graphics
Hello fellow Pages users:
I am importing .png graphics made in an opensource drawing program. The original graphics are .svgs and then they are converted to .png graphics. When I look at the graphics in Preview they look fine, but when I drag them into Pages they become 'fuzzy' looking.
Does anyone have any idea why this is hapenning or what I can do about it.
Any help will be VERY much appreciated!!SVGs are vector graphics. They are rasterized when you save as PNG. Try converting to PDF instead of PNG.
-
Quicktime Pro - Importing PNG graphics as Logo for Video fails...
Hey guys,
I am using the latest Quicktime on PPC. I have a video, created of several PNG graphics, and saved as Quicktime Video.
Now I want to add a small Logo on the upper right corner. For that, I use a graphic-file in PNG format, using the Alpha layer. So all that should be visible is the Logo itself.
I did it according to the Quicktime7UserGuide.pdf:
Open Logo.png in Preview, copy, switch to QT, Select All, Add to Selection and Scale.
Well, the graphics is added to the movie, but as a black square, the size of the bounding box of my PNG (and not the shape of the Logo itself).
Tuning around with all the Adjustments I found in MovieProperties didn't work. I also recreated the Logo in Photoshop (instead of Gimp), just to make sure that's not the problem.
The Alpha Layer is correctly (not) displayed in Preview.
Ideas? Appreciate it...Yep. Some ideas for your graphic "import" to Quicktime.
Use the QuickTime Pro)) "Import" or "Open in new player" to open your graphic. Once opened Command-A (select all) and Copy (Command-C) switch to your QuickTime file and select a portion (or all) of your video. Command-V (to paste) or chose Add to Selection & Scale.
Default is the upper left most location. You can edit this via the Movie Properties window.
Once pasted you need to set the properties of this individual track. Choose your track and use the movie properties window to set them to size and location and the set the "Visual Settings" to adjust the "transparency" level and its presentation settings.
I've added .png files to many of my "movies" without any errors. -
Fonts and png graphics in PPTX do not display the same in Captivate 4
I began developing my elearning in PowerPoint knowing that the animation is easier in PowerPoint than in Captivate. When I imported the PPTX slides, I first noticed the font on my title slide was no longer small CAPs and the positioning has alow changed on the slide. I opened the PPT editor from Captivate and the look of the original slide was displayed. When I saved and PPT and returned to C4, the font changed and the text moved out of the original placement.
Second the graphics used on the slides are .png with transparent backgrounds. The transparency is lost in C4.
Anyone have ideas, suggestions? Are these know issues or bugs? I am running the C4 with the latest patch.
Thanks,Hi there
If your concern is to end up with a Captivate project that looks exactly like your PowerPoint does, consider configuring PPT to display the slideshow in a window. then surround it with Captivate and record it as it plays via PPT. The end result should be that the Captivate is an exact replica of the PPT.
Cheers... Rick
Helpful and Handy Links
Captivate Wish Form/Bug Reporting Form
Adobe Certified Captivate Training
SorcerStone Blog
Captivate eBooks -
Using pdfs/png graphic segments to make cool emails (no text) - step by step help please!
I'm working on a Mac - I have Creative Suite Design Premium 5.5 - in the past i've used mailchimp and icontact with sucess, but I'd like to do it myself - I design the segments of the email myself within illustrator/photoshop/indesign and save as pdf, then save-as PNG - using photobucket for an image host - Basically I wanted to know if there's a way to do this thru dreamweaver - thanks for any help you may have! please describe simple step by step instructions if you have an answer - i'm decent on the design side of things but not so much as fars 'codes' and 'script' and the like - help would be much appreciated!
BobbyHTML Emails - what you need to know
http://alt-web.com/Articles/HTML-Emails.shtml
Creating Cross Client HTML E-Mails in Dreamweaver
http://www.adobe.com/devnet/dreamweaver/articles/html_emails.html
Coding HTML E-mails & Newsletters
http://articles.sitepoint.com/article/code-html-e-mail-newsletters
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/
http://twitter.com/altweb -
PNG graphics, all 3 types, accepted in all browsers?
I've read, and in this forum, that PNG files for simple
graphics is the way to go (no more GIFs, though adobe is using them
in the layout of this forum!). In DW CS3, there are 3 types of PNG
file formats: PNG 8, PNG 24, and PNG 32. Do any browsers have
trouble with these? Thanks..oO(brainfillet)
>I've read, and in this forum, that PNG files for simple
graphics is the way to
>go (no more GIFs, though adobe is using them in the
layout of this forum!).
Correct. PNG is superior to GIF in every aspect except for
animations.
>In
>DW CS3, there are 3 types of PNG file formats: PNG 8, PNG
24, and PNG 32. Do
>any browsers have trouble with these? Thanks.
The only real problem is alpha-transparency in IE 6 and
below, but
workarounds exist if you should need them.
Personally I don't care that much anymore, as long as the
pages are
usable. Usually I can live with little PNG glitches in old
browsers.
Micha -
Fm8 and png graphics in XML export
Hi,
If I add a gif-image (for example) to structured doc and write out XML, fm8 writes out the dpi value to dpi-attribute (dtd uses default fmimage attrs in this case) if the facet is not resized. If it wsa resized, frame writes out impsize. This is correct behaviour for raster images.
If I use png images, frame never writes the dpi value out and reading the xml back produces very bad quality image. This is a major problem, since the png's are not all with same dpi.
Frame 9.0.3 patch seems to contain some changes to png-support, is this related maybe?
BR, MarttiHi there
If your concern is to end up with a Captivate project that looks exactly like your PowerPoint does, consider configuring PPT to display the slideshow in a window. then surround it with Captivate and record it as it plays via PPT. The end result should be that the Captivate is an exact replica of the PPT.
Cheers... Rick
Helpful and Handy Links
Captivate Wish Form/Bug Reporting Form
Adobe Certified Captivate Training
SorcerStone Blog
Captivate eBooks -
.svg, .png and ,html files are all in the same folder.
I am running Firefox on Mac OSx 10.7.5 (Lion)
I am quite willing to send you the three files (10 KB total)A good place to ask advice about web development is at the MozillaZine "Web Development/Standards Evangelism" forum.
*http://forums.mozillazine.org/viewforum.php?f=25
The helpers at that forum are more knowledgeable about web development issues.<br>
You need to register at the MozillaZine forum site in order to post at that forum. -
Boot Camp & Windows 7 -- "Standard VGA Graphics Adapter" (This is wrong.)
Hello,
I am hoping I can find some help here, I have purged the internet looking for a solution, all to no avail.
Heres the situation:
I have a 15" mac book pro unibody.
500 gb hdd
4 gb ram
9600m gt graphics
Anyways, I decided to install windows 7 on a partition I made using boot camp, hoping to play the new Dragon Age: Origins game.
Everything went well with the install, except for the graphics card.
When I open the device manager, this is what it says:
www.m2mlinks.com/cs445/images/Capture1.PNG
"Standard VGA Graphics Adapter"
Clearly wrong, clearly does not work with Dragon Age:
www.m2mlinks.com/cs445/images/Capture2.PNG
("Graphics card not supported for this game")
So I don't know what to do, here's what I HAVE done.
--I tried going to the nVidia website and downloading the latest driver for my graphics card, only to have it say this when I try to run it:
www.m2mlinks.com/cs445/images/Capture2.PNG
("There is no drivers in this package for the hardware on your computer")
--I tried going into Device Manage, right clicking Standard VGA Graphics Adapter, clicking properties->update drive->browse my computer->let me pick->picking my latest nVidia folder->picking 9600m gt from the list-> next. This looks like it starts to install, but then tells me that the control panel was not able to install successfully, so its REVERTING to the last working driver, uninstalling and restarting as I scream "Nooooooo!!".
--I tried changing the nvam.inf file, editing the device key value of the graphics I retrieved from running dxdiag, however when I ran dxdiag, it was the same device key as the one already in the nvam.inf file, so that changed nothing.
--Lastly (i just remembered this, I did this first), I tried downloading the latest BootCamp version (2.1 or something?), and this changed nothing as well.
I am severely exhausted and stressed from trying to get this to work, and I am in DIRE need of help, since one of the only reasons I put windows 7 on this was to play video games!!! Please dont let it be all for nothing haha.
Thanks for ANY help anyone can give me, I will answer ANY questions!!
~Nick
Message was edited by: Nick Thomas NTBoot Camp in Snow Leopard does not yet "officially" support Windows 7, but such support has been promised "before the end of the year." See: http://support.apple.com/kb/HT3920
Presumably the updated Boot Camp will support drivers not currently available, such as the appropriate video drivers. The end of the year looms and there is as yet no word about better support for Windows 7. Lets hope there are new drivers, as there are many others in your situation, although plenty of other people report they are using Windows 7 and Boot Camp. I prefer to wait for the official release by Apple.
Bob N. -
Incorporation of PNG files in the view
Hello All,
As an example let us consider that I want to make a very simple application that just displays a pre-existing PNG graphics file filling the window and a text area over it. How do I go about doing that? I assume the solution begins with making the PNG certain dimensions and having it in the applications resource folder; after that I am in the dark. Thanks.Add your PNG to your project (Project->Add To Project...).
It will put the image in your resources folder.
Open your NIB. Drag an NSImageView onto your window. Click attributes in the Inspector. Select your image from the pulldown.
Probably half a dozen other ways to do this.
Eric -
As per the discussion title, I would like to be able to shoot with a tethered camera that will input images and display right away on my Mac on full screen, with each incoming photo display as such without ever going back to gallery view, and in each instance a .png graphics template is automatically overlayed on each photo that enters aperture such that when I print every photo the graphic template will appear on print.
Is aperture able to do this on its on? If so, how?
If not, is Apple script the only way to make this possible?Would it then be possible to direct aperture tethered shoots to a folder where aperture will hot import, from which I can use action after import via the scrip as you mention?
I've seen it being done with my own eyes but I wasn't able to inquire more... -
Is there a better way to position a flash movie than ap div?
I'm creating a new website(not yet active) and have a great flash movie for the home page. I've place it in an ap div and of course it moves to a different position in different browsers. Is there any way I can get it to display correctly, or is there a better way to position the movie? Thanks.
Of course. The following code is for the home page:
"http://www.w3.org/TR/html4/loose.dtd">
#page-background
#container
/* this image stays in internal style sheet*/
#mainImage{
background-image: url(images/mainImageBkgrnd.jpg);
background-position: center top;
background-repeat: repeat-y;
width: 875px;
height: 625px;
margin: 0 auto;
padding-left: 0px;
padding-right: 0px;
margin-top: 0px;
position: relative;
#footer{
position: absolute;
top: 700px;
left: 10px;
#serviceImage{
position: absolute;
top:300px;
left: 35px;
z-index: 0;
#orderImage{
position: absolute;
top: 300px;
right: 20px;
#flashMovie {
background-image: url(images/flashPix.png);
background-position: center top;
background-repeat: no-repeat;
width: 700px;
height: 300px;
margin: 0 auto;
.flashText p{
width: 250px;
padding-top: 75px;
font-family: "Arial Narrow";
font-size: 180%;
line-height: 1.5em;
color: #666;
#vertStripe {
position: absolute;
top: 325px;
left:435px;
#serviceHeader {
position: absolute;
z-index : 50;
#apDiv1 {
position:absolute;
left:607px;
top:169px;
width:700px;
height:298px;
z-index:2;
html {overflow-y:hidden;}
body {overflow-y:auto;}
#page-background
#content
</style>
<![endif]-->
<!IE7 and lower stylesheet>
<!>If this page is not displaying correctly, please update your browser by downloading Internet Explorer 8.<link rel="stylesheet" type="text/css" href="ie7-and-down <link rel="stylesheet" type="text/css" href="ie7-and-down.css" /> <![endif]>
body
font-size: 70%;
text-align: center;
<!begin flash Movie>
<!>>
<!<![endif]>
Content on this page requires a newer version of Adobe Flash Player.
!http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif|height=33|alt=Ge t Adobe Flash player|width=112|src=http://www.adobe.com/images/shared/download_buttons/get_flash_player .gif!</p>
</div>
<!>>
</object>
<!<![endif]>
</object>
</div>
<!end flash Movie>
!images/waves2.png|height=100%|alt=Waves|width=100%|src=images/waves2.png!
!images/banner_nws.gif|height=120|alt=Northwind Safety Corp.|width=875|src=images/banner_nws.gif!
<!main Navigation menu>
[About Us | about_us.html]
[Services | serv_fa.html]
[Training | train_cpr.html]
[Products | products.html]
First Aid
[AEDs | aed_philips.html]
<!end main Navigation menu>
!images/serviceComp.png|height=250|alt=Van Serviceman|width=400|src=images/serviceComp.png!<!end serviceHeader>
</div><!end serviceImage>
!images/vertStripe.png|height=150|width=5|src=images/vertStripe.png!
<!end vertical stripe>
!images/orderComp.png|height=250|alt=Order Taker|width=380|src=images/orderComp.png!
<!end orderImage>
</div><!end mainImage>
h1. Contact Us
h1. Careers
h3. Northwind Safety Corporation
8425 Rausch Drive
Plain City, Ohio 43064
phone: 614-873-1000
fax: 614-873-1002
[ [email protected] | mailto:[email protected]]
<!end footer div>
</div><!end container div>
</div><!end body div>
swfobject.registerObject("FlashID");
<!end body>
</html>
Thanks -
FM10: PDF output not including part of graphic in header
Here are my versions: (TCS3.0)
FM 10.0.1.402
Acrobat 10.1.1
Distiller 10.1.133
I have a book recently created in FM10. I needed to add a very large table. I followed Barb Binder's instructions for setting up landscape master pages (from the IconLogic 8/9/11 Skills & Drills newsletter). Everything worked perfectly. I was able to create the master pages and body pages using them, and eventuallly get the large table in the doc file. So far so good... I wanted to see how the new pages and table would look in PDF, so I did a File > Save as PDF. The PDF was created as expected.
However, I have a strange issue with our company logo in the header. It's in the header on all pages of this document and looks fine on all pages in FM - both on the body and master pages. But in the PDF, the last letter of the company name is cut off. I cannot figure out what's going on. I've also tried to Print to File using the Adobe PDF printer and creating a PS file that I then distilled to PDF. Same problem no matter what method I use. In the PDF, the logos on all non-landscape pages are fine.
Here are some screen caps.
The document open in FM - this shows the Telesoft logo on left and right body pages using the landscape master pages:
Here is the LandscapeLeft master page:
The LandscapeRight master page:
Here's a screen cap of a LandscapeLeft page in the PDF:
Here's a screen cap of a LandscapeRight page in the PDF:
Notice the final "T" missing for the header graphic on both the right and left pages. On the master page, there is plenty of room in the anchored frame that holds the graphic, so the frame isn't cutting anything off. The exact same headers are used on both the regular and landscape master pages and all is well in the PDF for the regular pages.
I really appreciate any suggestions!
KimI wonder if you repeated your steps with a *.png graphic if you would see the truncation in the horizontal layout?
OK, I tried it....interesting, but mixed results.
I created a portrait master page, deleted the header text frame, and imported a png image onto it. The png is on the page, not inside a frame. I then rotated the portrait page to a landscape master page. After several other imports, I have the following on the landscape master page.
1. The png from the original PORTRAIT master page.
2. The png imported to the LANDSCAPE master page without further rotation.
3. The png imported to the landscape master page with a rotation to match 1.
4. The png imported into the footer TEXT frame (which is now perpendicular on the left side of the page). This created an anchored frame to hold the png.
5. The standard text frame for the body text.
6. A copy of 4 but rotated back to portrait.
Then, on the body page that uses this lanscape master page, I imported the png. As per normal, this created an anchored frame below the line to hold the png. Of course it is rotated 90 degrees clockwise, because the text frame was rotated with the page.
RESULTS in the PDF:
a. ALL the png images were complete, EXCEPT 1 and 4. Interestingly, 1 was clipped on the right (bottom in landscape) and 4 was clipped on the left (top in landscape).
b. The png in 4 was NOT selectable, as Kim noted. When I clicked it, only the anchored frame was selected. When rotated back to zero degrees (6), the png was then selectable.
HOWEVER:
I was going to show a screen shot, but the png I used had company information in it. So, I created a png (Photoshop) of a flower, and created another master page with all six items.
c. THIS master page showed NO clipping on ANY of the png images.
d. To be complete, I created another png image from an eps file using Illustrator to mimic the workflow that created my original png. AND there was NO clipping of any of the png images in the PDF.
So, the results are mixed. But my tests indicate that the best way to create the master page is to rotate the page FIRST, then import the logo image. Do rotation after the import to get it into the correct orientation. DO NOT import the image into a background text frame (header or footer or other) that is on the master page. This creates an anchored frame holding the image, but the image is not selectable.
Hope this helps,
Van -
Lower PDf graphics quality after upgrade from v8 to v9
Some PDF Graphic quality is poorer whne using the new Acrobat compared to version 8.
I recently purchased Acrobat 9 Pro extended as part of the TCS2 and installe dhtis on a new machine. The installation replaces Acrobat 8 professional installed on a different machine.
I have checked the job options in detail on each machine and they appear to be identical.
The problem is most notable in a graphic header which appears on the first page of the Word document template from which the PDF is generated. The file is an imported PNG with a complex blue gradient band and the company logo across the top of the page. The band is underlined by a thinner grey band which fades vertically to white. In the resulting output, blue colors show too bright and quite different to the original PNG graphic. The grey band does not fade smoothly and appears as separate bands.
My colleague has installed Acrobat 9 on the same machine as the previous Acrobat 8 installation and is experiencing the same issue.
I have tried generating a PDf with an old known good file base don the same word template and the result is the same so this probably rules out the Word template. Older PDFs generated with the v8 Acrobat do not do not display this way and i still can generate PDFs using the old machine and version 8 Acrobat without any problems.
Can anyone suggest how i might progress with this?There are no display problems because i can satisfactorily generate the file using the Print option and selecting the AdobePDf printer.
I have set the Color Management Policies of the joboption to Convert all Colors to CMYK from Leave Color Unchnaged and this seems to improve the quality considerably so i'll stick with that. Some gray color gradient doesnt seem to convert smoothly and shows as varying bands of shades of gray but i can live with that, unless i can find a setitng that handles that.
Maybe you are looking for
-
Errors while applying Thawte SSL cert to VPN 3005?
I have recently requested a 128-bit SSL cert from Thawte for my VPN 3005, yet I continue to get "Parse Error" notifications when I try to install the cert. Has anyone been able to successfully apply a Thawte SSL cert to thei VPN 3005? The unit is run
-
Hello everyone! Here is a situation: var MAIN_OBJ:Object = new Object(); MAIN_OBJ.array_1 = new Array(1, 2, 3); MAIN_OBJ.array_2 = new Array(A, B, C, D, E, [f,g,h,i,j]); MAIN_OBJ.array_3 = new Array([k,l,m,n,o,p], Q, R, S, T); ActionScript2: function
-
I removed Mozilla and reloaded from your website but the Ask website still opens in the new tab window I would like to have my favourite websites in the new tab window as they were previously. Regards Peter
-
Is OCS useful in comparision with MS Exchange?
Some clients asked me about this tool. What is the main diffrerences in comparison with MS Exchange. What is more workable and useful? As i can see OCS weights 4 CD-ROMS, Exchange 1 CD-ROM. A'm affraid it 4 times harder to tune and support, is it?
-
I am unable to load Fidelity Active Trader Pro onto my MacBook Pro running Parrells and Windows. Any solutions here would be greatly appreciated.