Centering an image in a frame

Anyone know how to center an image in a frame -centered vertically and horizontally- such that the tags are recognized by at least Internet Explorer and Firefox?

You can best position things with CSS but since you are describing frames, you may be suited to making a table cell with center vertical alignment and center horizontal alignment.

Similar Messages

Firefox upon opening an image in a new tab, centers the image from top and bottom and surrounds the image with a grey frame. Just started having the problem today, searched Google to no avail.

Firefox upon opening an image in a new tab, centers the image from top and bottom and surrounds the image with a grey frame. Just started having the problem today, searched Google to no avail.

Oh wow, looks like a new feature.
The "page" links in a stylesheet with the address "resource://gre/res/TopLevelImageDocument.css". If you remove that reference, then the image displays in the old style.
'''''Edit: Please skip the rest of this post and check out the next one.'''''
There might be a more elegant solution than that, but you could use a bookmarklet to strip out that link when you want to view the page in its old style. A bookmarklet is a snippet of JavaScript you save on the Bookmarks toolbar for quick access.
First, copy the following code to the clipboard (it's all one long line):
 javascript:var ssheet=document.querySelector('link[href="resource://gre/res/TopLevelImageDocument.css"]'); if(ssheet)ssheet.parentNode.removeChild(ssheet); void 0;
Next, if you are not displaying the Bookmarks Toolbar, use View > Toolbars > Bookmarks Toolbar to display it. (If you aren't using the classic Menu bar, press Alt+v to call up the old View menu. Right-clicking the gray area just below the page address also allows you to display the Bookmarks Toolbar.)
Right-click on the Bookmarks Toolbar (or Mac equivalent of right-click!) and choose New Bookmark.
Paste the code into the Location box (the second box).
Then type a useful name in the Name box (e.g., Oldstyle Picture) and click Add.
Now, when you want to tweak the image display, click the button to run the script.
Manual clicking is a hassle, so it might make sense to look into other solutions. (Greasemonkey didn't seem to work; I think it might not run on .jpg files.)

Paste image into new frame with same offset

InDesign CS4-- I'm trying to copy an image from one frame and Paste Into another frame on the same page, and have it appear in the same position within the frame. I want it to adhere to the offset coordinates of the previous frame, but instead, it uses the offset coordinates of the page, or centers the image within the new frame. As I recall, CS2 or CS3 had a feature that allowed me to do this, but I cannot figure it out in CS4. Please help! Thanks.

Thanks, Rob. Unfortunately, I got a new error with the latest script you posted (sorry--not trying to be a pest!!). It says,
Apple Script Error!
Error Number: -2753
Error String: The variable myRend is not defined.
(One thing that's different is I'm working on a different machine than I was the first day I posted about this, but I'm using the exact same version of InDesign. Would this make a difference? I forgot to copy the original script file from the other computer before coming to work today... If I need to do that, I can.)
Thanks for your continued help!

Trying to link a thumbnail in one frame to a larger image in another frame GOLIVE 9...

Hi.
I am using Adobe Golive 9.
I found a tutorial on the internet that allows you to create an image gallery with clickable thumbnails
http://www.tutorialhero.com/click-48179-create_an_image_gallery_with_clickable_thumbnails. php
However, the tutorial is designed for a page without frames.
I want to be able to do this using frames.
I want to link a thumbnail on a page in one frame to a larger image on another page, so that when your mouse is over the thumbnail,
the larger version appears in the other frame.
This is what my frames look like so you get an idea of what I'm trying to do
And here is a picture of the thumbnail in the lower frame and the larger image in the frame above it.
Could someone please give me STEP BY STEP instructions on how to do this? I'm new to Golive, using version GOLIVE 9, and I know this can be accomplished using "Set Image URL" but have no idea how to do it.
Thank you for your help all.
Chris.

A link in one frame is designed to call another page into some other frame, not an image. You can't use SetImageUrl across different pages. You'd probably have to put each of your large images on a page, and call each page each time. I'm not sure why you're so set on using frames, they have many disadvantages.

How to replace the cup image in the frame with my own image

How can i change the default cup image in the top left corner of a frame to the image that i wanted in JDeveloper ?

Here is a one line piece of code that will do the same.
setIconImage(Toolkit.getDefaultToolkit().createImage(Frame1.class.getResource("[Your Icon File]")));
Note:
There is a way to create a resource bundle ( preferrable on large projects ) and add image files, then you can just use the properties editor to select a particular icon image for your frame.

How do I resize every image in a frame to a certain size?

I have about 20 frames in a single layer (and a single, long frame in another layer -- this functions as the background layer). Each frame contains a different image. But each image is set to the document size of 700 px by 400 px. I would like to change all of the image sizes to 1920 px by 1080 px.
Is there a quicker way to do that besides having to click on the images in each frame, going to the properties panel, and manually changing the width and the height from there? Thanks to anyone who would be of help.

There is a scripting language (JSFL) that can control Flash IDE interface to automate common tasks, but this isn't one. If it's just 20 images it's not nearly worth the time or complexity to use JSFL for it. You're better off just doing it by hand.
Please note that if you're not increasing the size of vectors, a huge upscale (700x400 -> 1920x1080) is going to result in quite a bit of blur. If you have the original source to these images and it's any larger than 700x400 I would urge you to go back and re-export these images with an application like Photoshop rather than stretching them in Flash. You'll gain the performance from importing and presenting the bitmaps at 100% size rather than performing a stretch (unless you enable cacheAsBitmap) and you'll have the chance in Photoshop to increase their size in a more sophisticated way (16bit color, sharp edge resize, sharpen filtration, etc).

Putting Image on a Frame Called From an Applet

I currently have an applet that opens up a JFrame when you click on a button. I am trying to figure out how I would put an image on the frame. When I try using ImageIcon image = new ImageIcon("image.jpg") I get an error when I run the applet in the web browser, and if I use getImage( getCodeBase(), "image.jpg") then I get an error.

Add your image to a label, then add the label to the frame. This shows how:
http://java.sun.com/docs/books/tutorial/uiswing/components/label.html

Centering background image [was: I have inserted an image background...]

Here is the code. body{ background-image:url(backgrounds/MOMANDDAD.JPEG);}. what do i need to do to correct this mistake?
I have made an inline stylesheet on a html and put a background image in it and it will not center in ie8, but is okay in firefox 3.09. what is going on?
thanks mike

In the future, try to keep your subject brief: "Centering background image" would suffice.
Without seeing your site, image and other code, it's hard to guess what you have done so far. Posting a URL to the live page is the best way to get a reply.
Try this in your CSS:
body {
background: url (your_image.jpg) top center no-repeat;}
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
www.alt-web.com/
www.twitter.com/altweb
HTML Validator - http://validator.w3.org
CSS Validator - http://jigsaw.w3.org/css-validator/
Tutorials - http://w3schools.com/

How do you import still images at 1 frame?

Trying to import images as 1 frame so I can make a time lapse. Using FCP X. Please help, thanks!

You can't. You can make the images one frame once they're in the timeline. It's easiest to import the image sequence into the QuickTime 7 pro player and then export into a video format.

FCP 10.1.3 multiple graphic images into one frame

Hi - How do I put multiple graphic images into one frame? - so it kind of looks like a video wall - except these are still images. I can do it manually but it's not precise. Anyone found a way other than this? Thanks.

Here is my quick and dirty generator called "9 Pictures": https://www.dropbox.com/s/92c536wgesh2yzj/9%20Pictures.zip?dl=0
To install it, unzip the file and place the folder inside /Users/yourname/Movies/Motion Templates/Generators
It will look like this in FCP X. You just have to click each drop zone icon in the inspector and then select the desired clip from the browser. Use the Pan and Scale controls in the inspector to select which part of each image you want to use. Note: this was done in the hope that it may be helpful, but it is no more than a quick thing. You can also control-click the generator in the generator browser and choose open in motion (if you have it) to see how it was done and to modify it.

How do I insert an image into a Frame?

Hi!
I need to insert an image into a Frame(java.awt.Frame) and I can't use swing, I need to use only awt.
Witch class do I use to insert an image?
Using swing I used a JLabel and the setIcon method. But now I can use only AWT.

Out of curiosity, why are you limiting yourself to AWT? Why not use Swing / JFrame, etc..
I think this is a situation where answering your direct question is the wrong way to go. Perhaps its more of a design question that needs to be addressed.
Message was edited by:
petes1234

Problem in adding image to a frame.

Hi,
I am trying to add an image to a frame as follows:
import java.awt.*;
import java.awt.event.*;
import javax.swing.*;
import java.util.*;
class introFrame extends JFrame
     private Image image;
     public introFrame()
          setUndecorated(true);
          image = Toolkit.getDefaultToolkit().getImage("triplesIcon.gif");
          MediaTracker tracker = new MediaTracker(this);
          tracker.addImage(image, 0);
          try
               tracker.waitForID(0);
          catch (InterruptedException exception)
          setBounds(100,100,600,400);
          Container contentPane = getContentPane();
          contentPane.setBackground(Color.white);
          show();
     public void paintComponents(Graphics g)
          super.paintComponents(g);
          g.drawImage(image, 20, 20, null);
But it is not showing the image. The image and the class is in the same folder.
Please suggest me the solution.

import java.awt.*;
import java.awt.event.*;
import java.net.*;
import javax.swing.*;
public class Example {
    public static void main(String[] args) throws MalformedURLException {
        URL url = new URL("http://today.java.net/jag/bio/JagHeadshot-small.jpg");
        JLabel label = new JLabel(new ImageIcon(url));
        label.addMouseListener(new MouseAdapter(){
            public void mousePressed(MouseEvent e) {
                if (e.getClickCount() > 1)
                    System.exit(0);
        JFrame f = new JFrame("Example");
        f.setUndecorated(true);
        f.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
        f.getContentPane().add(label);
        f.pack();
        f.setLocationRelativeTo(null);
        f.setVisible(true);
}

IDCS3 - Paste image into new frame with same cropping offsets?

Anyone know if there's a better way do to this? It used to work in CS2, and (I know this comment won't be popular, but since half the studio I'm trying to convert brings up this point, I'll pass it along <G>), it's always worked in Quark. <G> http://indesignsecrets.com/paste-image-into-new-frame-with-same-cropping-offsets.php Be nice to get this to work without having to jump through hoops. (And please, please don't tell me I need to update to CS4 to get this basic functionality BACK). k.

Thanks, Rob. Unfortunately, I got a new error with the latest script you posted (sorry--not trying to be a pest!!). It says,
Apple Script Error!
Error Number: -2753
Error String: The variable myRend is not defined.
(One thing that's different is I'm working on a different machine than I was the first day I posted about this, but I'm using the exact same version of InDesign. Would this make a difference? I forgot to copy the original script file from the other computer before coming to work today... If I need to do that, I can.)
Thanks for your continued help!

The Basics of scripting - Click image to run Frame no. X

Hi,
I am a new starter to Flash & Actionscript so please
forgive my ignorance in anything silly that i ask or do. Firstly,
i'm not even sure whether this thread should be under this
category, as i am assuming that the actionscript in my version of
Flash is version 3 (and that my question is flash related.
Anyway, i have tried a few tutorials to improve my flash
skills. I have grasped the basics of frames, timelines, animation
& tweening.
However, i have been trying to get a command button or an
image to run a bit of code to start a animation clip in a different
frame.
EG. i run the flash file which should run from frame 1 to 50
& then stop. I then want to click on an image which runs frames
50-100 as the next bit.
I've tried a bit of actionscript code but have failed
miserably.
Can anyone help me in working with flash to achieve what i'm
trying to do?
Regards,
Shuja

welcome to Flash - and don't worry, everyone has to start
somewhere :)
first of all, on frame 50 you will need to add a - stop(); -
method to stop the playhead on that frame. if you haven't already
done so, you should create a new layer called actions, and place
all of your codes on that layer (unless you are ready to get into
writing class files, which i think may be a ways off for you atm ;)
so, the method that you need to use to then 'play' the movie from
that point forward is... you guessed it - play();
now, under CS3 (which I'm assuming you are referring to) and
"using" ActionScript 3.0 (check to make sure that you have started
an AS3 file - if not change the AS setting in the Publish settings
'Flash' panel - you will need to use an event handler in order to
respond to an event - like a mouse click. using AS3 it would be
something like this:

Acquire and save images at high frame rates

I am attempting to acquire and save images at a rate of 3000 fps for approximately 100 ms using a JAI 6740GE GigE camera, LabView 2011, and IMAQdx. I can acquire the images at the necessary rates, but am dropping images when I try to save them. The current test program I am working with contains a producer loop for acquiring the images, converting them into an array, and putting them into a queue, and a consumer loop to write the arrays to a TDMS file. Currently I can acquire and save the images at a rate of approximately 1200 fps before I begin losing a few frames. The code is attached below. I would appreciate any ideas to be able to save the images without dropping frames.
Attachments:
Trigger Image to AVI faster.vi ‏38 KB

Hi Rox,
How are you verifying that you are loosing the frames during the saving and not during the acquisition? Are you able to determine where you are dropping frames? Is it at the beginning, the end or randomly? Thank you!
Regards,
Kira T

Centering an image in a frame

Similar Messages

Maybe you are looking for