Problems putting Images inside large buttons

The problem below is using the Fireworks program to create a
Button with an Image inside.
Ok I have created a generic button , This button is not a
fireworks button it was made from scratch, the size is roughly
90x90 , what I want to do is place and Image inside this button and
then to be able to move the image into the correct place, If I
paste the image into the button it simply places the image where it
wants I cannot move the image , I tried creating a Layer and Frame
and using the marque tool but it pastes the image top left hand
corner and the image cannot be moved.
Where am I going wrong.?.
SPECCY.

do this in an image editor. It would be much simpler/easier
and more
reliable that using html.
If you still want to do it in html, put the button image as a
background.
> Where am I going wrong.?.

Similar Messages

Images inside of buttons

I know that I can put a small image in a JButton with: new ImageIcon("imageName.fig"), but is there a way to put an entire image inside a button. I want an image that I have to be a button and the button to be formed to the size of that image. Is this possible?

This should work. You'll need an image called test.jpg.
import java.awt.*;
import javax.swing.*;
public class TestApp extends JFrame
     public static void main(String[] args)
          new TestApp().setVisible(true);
     private TestApp()
          setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
          ImageIcon im = new ImageIcon("test.jpg");
          JButton b = new JButton(im);
          getContentPane().add(b);
          pack();
}

Can i put images on a button

Hi i have some omages which i need to put on a button can i do that in java. I cannot use swings cause i am using java 1.1.7. can i do something using awt.
Is there ImageButton in jdk 1.1.7 ???
Please help me in this.
Please post a sample code if any one can
Thanks
Ram

Hi This is my actual program.
I have some images posted and some buttons. But can i click on the images to open new files or can i put an image on a button. I donno how to use mouse click. or how do i map an image.
Can i also mouse click on a text string???
import java.awt.*;
import java.awt.event.*;
import java.awt.event.MouseEvent;
import java.applet.*;
import java.io.*;
import java.lang.String;
public class chemviz extends Frame implements ActionListener
     private Button offwaltz, nanocad;
     private Panel PagePanel, buttonPanel;
     private Image logo;
     private Image nanocadhome, waltzhome;
     //private TextArea TextArea1;
     private String About = "About";
     private String test= "This is a Test";
     //test.setFont(new Font("Arial",Font.BOLD,12));
     public String line1 = "ChemViz (Chemistry Visualization) is an interactive chemistry program which incorporates computational chemistry simulations ";
     public String line2 = "and visualizations for use in the high school chemistry classroom. The chemistry simulations support the chemistry principles ";
     public String line3 = "teachers are trying to convey, and the visualizations allow students to see how matter interacts at an atomic level.";
     public void loadPanel()
          //ImageIcon offwaltz = new ImageIcon("images/waltzhome.jpg");
          //offwaltz = new Button(offwaltz);
          offwaltz = new Button("OffWaltz");
          offwaltz.addActionListener(this);
          nanocad = new Button("Nanocad");
          nanocad.addActionListener(this);
          buttonPanel = new Panel(new FlowLayout(FlowLayout.CENTER));
          buttonPanel.add(offwaltz);
          buttonPanel.add(nanocad);
          //TextArea1 =new TextArea(text, 10, 100);
          MenuBar mb = new MenuBar();
          setMenuBar(mb);
          Menu fileMenu = new Menu("File");
          mb.add(fileMenu);
          MenuItem exitMenuItem = new MenuItem("Exit");
          fileMenu.add(exitMenuItem);
          exitMenuItem.addActionListener(this);
          PagePanel = new Panel();
          PagePanel.setLayout(new GridBagLayout());
          GridBagConstraints c = new GridBagConstraints();
          c.anchor = GridBagConstraints.NORTH;
          c.gridwidth = 1;
          c.gridx = 0;
          c.gridy = GridBagConstraints.RELATIVE;
          c.weightx = 1;
          c.weighty = 1;
          c.insets = new Insets(0, 0, 0, 0);
          //PagePanel.add(TextArea1, c);
          //PagePanel.add(buttonPanel, c);
          setLayout(new GridBagLayout());
          add(PagePanel, c);
          PagePanel.setLocation(0, 100);
          //PagePanel.setSize(100, 100);
          setVisible(true);
     public void update(Graphics g)
          paint(g);
     public void paint (Graphics g)
          g.drawImage(logo, 0, 30, this);
          //g.drawString(About, 20,150);
          //setFont(new Font("Arial",Font.BOLD,12));
          g.drawString("About", 20,130);
          g.drawString("Tools", 70,130);
          g.drawString("Curriculum", 120,130);
          g.drawString("Resources", 200,130);
          //g.drawString("Test", 690,130);
          //g.drawString("This is a Test String", 20,130);
          g.drawString(line1, 50,175);
          g.drawString(line2, 20,200);
          g.drawString(line3, 20,225);
          g.drawRect(38,373,148,168);
          g.drawImage(nanocadhome, 40, 375, this);
          g.drawRect(248,373,148,168);
          g.drawImage(waltzhome, 250, 375, this);
          //System.out.println("Test is ending");
     public void imagePanel()
          logo = Toolkit.getDefaultToolkit().getImage("images/logo.jpg" );
          nanocadhome = Toolkit.getDefaultToolkit().getImage("images/nanocadhome.jpg" );
          waltzhome = Toolkit.getDefaultToolkit().getImage("images/waltzhome.jpg" );
     public void actionPerformed(ActionEvent e)
          String s = e.getActionCommand();
          String osCommand = "cmd /q /c start /w";
          if (e.getSource() instanceof MenuItem)
               String menuLabel = ((MenuItem)e.getSource()).getLabel();
               if(menuLabel.equals("Exit"))
                    dispose();
                    System.exit(0);
          if (e.getActionCommand().equals("OffWaltz"))
               try
                    Runtime.getRuntime().exec("cmd.exe /c java -jar offwaltz.jar ");
               catch (IOException ex)
                    System.out.println( ex.toString() );
         if (e.getActionCommand().equals("Nanocad"))
          try
                    Runtime.getRuntime().exec("cmd.exe /c java -jar nanocad.jar ");
               catch (IOException ex)
                    System.out.println( ex.toString() );
     public static void main(String args[])
          chemviz frame = new chemviz();
          frame.addWindowListener(new WindowAdapter()
               public void windowClosing(WindowEvent e)
                    {               System.exit(0);        }});
               frame.setSize(800, 600);
               frame.imagePanel();
               frame.loadPanel();
               frame.setVisible(true);

Problem with images inside of table cells

I've run into a problem on this web page:
http://www.solidrocknet.org/index2.html
The the background of the table cells which contain an image
is showing
through in the form of a strip at the bottom of the cell. You
can see
this as a black strip in the cells which contain the logo
graphic,
centerpiece photo, and the photo strip and as a blue strip
under the 4
separate photos on the bottom.
These problems are appearing in Firefox. It almost looks
correct in
IE6/7 except that the blue strip appears under the bottom
photos.
Can anyone see what I am doing wrong?

The best practice is to include -
a img { border:none; }
in your CSS so that any image inside an anchor tag is
prevented from having
the border.
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
==================
"K0rrupt" <[email protected]> wrote in
message
news:f5i5fc$bhp$[email protected]..
> sometimes browsers like to display a blue lines around
pictures. So as
> good practice you should add it.
>

Problem with image inside UL

I have a UL with a width of 200px width by 55px height. I
have created a background image for the UL with the same
measurements. When I add the image as a background image inside the
UL the UL is about 40px wider than the image and I have to resize
the UL down to about 160px. - less than the image size.
Whats going on? There is nothing inside the UL at the moment
apart from the background image.

A-ha!! I'd set the margin, but forgotten the padding. Sorted
now thanks :)

Problem using images in a button skin

So, I have a weird problem. I need to be able to see a button in design mode. My button is a custom component (a ButtonBase) with a skin. So, I left is a tiny bit of the default skin so that you can see what it looked like in design mode. Now, the paths to the images that will be used for the various states of the button are binded to strings passed from another subcomponent. There was no other way to get what we needed done, so it stays messy. Anyway, I don't get things to display correctly. Here's the code, and after an image for what I'm getting:
[CODE]
<s:SparkSkin xmlns:fx="http://ns.adobe.com/mxml/2009"
                         xmlns:s="library://ns.adobe.com/flex/spark"
                         xmlns:fb="http://ns.adobe.com/flashbuilder/2009"
                         xmlns:mx="library://ns.adobe.com/flex/mx"
                         minWidth="21" minHeight="21" alpha.disabled="0.5"
                         preinitialize="initImageVars()" creationComplete="init()">
    
    <fx:Metadata>
        <![CDATA[
        [HostComponent("customComponents.ToggleButtonCustom")]
        ]]>
    </fx:Metadata>
    
    <s:states>
        <s:State name="up" />
        <s:State name="down" />
        <s:State name="selected" />
        <s:State name="disabled" />
        <s:State name="over" />
    </s:states>
    <fx:Script>
        <![CDATA[
            import mx.controls.Alert;
            /* First thing's first: we need to initialize our global and accessable components. */
            [Bindable]
            public var upButtonPath:String = "";
            [Bindable]
            public var downButtonPath:String = "";
            [Bindable]
            public var activeButtonPath:String = "";
            [Bindable]
            public var disabledButtonPath:String = "";
            [Bindable]
            protected var label:String = "";
            private function initImageVars():void
                upButtonPath = "assets/" + this.hostComponent.upButtonPath;
                downButtonPath = "assets/" + this.hostComponent.downButtonPath;
                activeButtonPath = "assets/" + this.hostComponent.activeButtonPath;
                disabledButtonPath = "assets/" + this.hostComponent.disabledButtonPath;
            private function init():void
                /* Give values to public variables */
                //upButtonPath = "Up.png";
                //downButtonPath = "Down.png";
                //activeButtonPath = "Active.png";
                label = this.hostComponent.label;
            /* Define the skin elements that should not be colorized. For button, the graphics are colorized but the label is not. */
            static private const exclusions:Array = ["labelDisplay"];
            override public function get colorizeExclusions():Array {return exclusions;}
            override protected function initializationComplete():void
                useChromeColor = true;
                super.initializationComplete();
            private var cornerRadius:Number = 2;
        ]]>
    </fx:Script>
    
    <s:Rect id="fill" left="1" right="1" top="1" bottom="1" radiusX="2">
        <s:fill>
            <s:LinearGradient rotation="90">
                <s:GradientEntry color="0xFFFFFF"
                                                 color.down="0xAAAAAA"
                                                 color.selected="0xBBBDBD"
                                                 alpha="0.85" />
                <s:GradientEntry color="0xD8D8D8"
                                                 color.down="0x929496"
                                                 color.selected="0x9FA0A1"
                                                 alpha="0.85" />
            </s:LinearGradient>
        </s:fill>
    </s:Rect>
    <mx:ViewStack id="buttonImage" x="0" y="0"
                                selectedIndex="0" selectedIndex.down="1" selectedIndex.selected="2"    selectedIndex.disabled="3">
        <s:NavigatorContent id="upState">
            <mx:Image source="{upButtonPath}" width="500" height="500" />
        </s:NavigatorContent>
        <s:NavigatorContent id="downState">
            <mx:Image source="{downButtonPath}" />
        </s:NavigatorContent>
        <s:NavigatorContent id="activeSate">
            <mx:Image source="{activeButtonPath}" />
        </s:NavigatorContent>
        <s:NavigatorContent id="disabledState">
            <mx:Image source="{disabledButtonPath}" />
        </s:NavigatorContent>
    </mx:ViewStack>
    <s:Label id="labelDisplay" text="{label}"
                     textAlign="center"
                     verticalAlign="middle"
                     maxDisplayedLines="3"
                     horizontalCenter="0" verticalCenter="1"
                     left="10" right="10" top="2" bottom="2">
    </s:Label>
</s:SparkSkin>
[/CODE]
That gives me this image:
And if I use the following code to resize it, I get this:
[CODE]
/* From the component, called from init(), which is called on creationComplete */
private function resizeEverything():void
var dummyImage:Image = new Image();
var pathToDummy:String = "assets" + upButtonPath;
dummyImage.source = pathToDummy;
thisBtn.height = dummyImage.height;
thisBtn.width = dummyImage.width;
dummyImage = null;
[/CODE]
If you have any idea what to do with this, let me know. I set the buttons to the exact height and width of the images I'm using when I first call them. I don't know how else to manage this. I want the faded white to be an exact mirror of the image, so that designers (not me) can move them around on design mode. Thank you!

Figured it out. The images I was given had large amounts of padding, and when I tried to auto-resize the buttons, Flash could never grab the image and therefore couldn't size off it, so the size of the component was forced to 0,0. It's all good now.

How can i put image in a button?

I need to put an image ( .bmp ) in a button, but i don't know how.
I need it because in web forms the icons ( files .ico) no show.
How can i solve this problem?
Thanks!!

Hello Arun ,
Thank you for your help. i tried it but it didn't work. i am sure that is my fault. i try to create a toolbar and i place a button in the toolbar. Then i set the property iconic to yes and i give to the iconfilename property the name of my bmp file. i suppose that the application cannot see the bmp file. i'll try to read some documentation , because as i can see it's little difficult.
again thanx for your help Arun.

Problem Putting Images on my InDesign File

Hi, I'm totally new to Adobe software, but I'm in the process of designing a product catalog for my company using InDesign.
So far i've been able to to stumble through the program myself, despite the learning curve. I do have one question that I think should be simple: Whenever I put an image into my InDesign document, the DPI of the image takes a really bad hit. It's the same size and everything, so why does the resolution get so messed up? How to I persist the resolution of the images?
Thanks!

By default, InDesign uses a lower resolution screen preview in your layout, so it may appear as if the image has lost resolution when in fact nothing has changed at all. View > Display Performance > High Quality Display to get the full-res preview.
That said, the preview has very little to do with the effective image resolution, that is the actual resolution of the image at the size it was saved divided by the scaling factor used when you placed it. If the image is doubled in size, the effective resolution is half the actual resolution. You'll see those numbers in teh Info Panel, and the only one you care about is effective resolution.

Automator: Create new folders from .csv file and put images inside.

I have a challenging Automator task to achieve. I need to
1) create a set of folders labeled with the contents in column A of a csv file. (example: column A1 JoeBrown A2 SuzyBrown A3 JimBrown etc..) resulting in
3 folders titled JoeBrown, SuzyBrown, and JimBrown
2) take the image represented by an image number in column B of the same csv file and move that file into the folder that was created (example: A1 JoeBrown gets a folder created by the name JoBrown and column B IMG_1234.jpg is physically moved from within the same folder as the .csv file into the folder created by column A.
Both the csv and img files would be in the same folder. I have the script to create a set of folders from a csv list just can't complete the moving of files based on the contents of column B.
SUMMARY: I have a folder containing several images img_0001, img_0002, img_0003 etc. and a csv file that contains columnA a series of names and column B a series of jpg image numbers. I need to have a script that will create folders labeled whatever name is in column A (see the script below. it works great!) then move the images from column B to the folders generated from column A.
The csv script is:
tell application "Finder"
set mgFolder to container of mgCSVfile as string
repeat with x from 1 to count paragraphs of mgList
    set text item delimiters of AppleScript to ","
    set mgThisList to text items of paragraph x of mgList as list
    set text item delimiters of AppleScript to ""
    set mgTopFolder to item 1 of mgThisList
    if (exists folder mgTopFolder of folder mgFolder) is false then
      make new folder at mgFolder with properties {name:mgTopFolder}
    end if
    set mgNewFolder to (folder mgTopFolder of folder mgFolder) as alias
    repeat with i from 2 to count mgThisList
      if item i of mgThisList is not "" then
        set mgSubFolder to item i of mgThisList
        if (exists folder mgSubFolder of folder mgNewFolder) is false then
          make new folder at mgNewFolder with properties {name:mgSubFolder}
        end if
      end if
    end repeat
end repeat
end tell
Thanks for any help that may come my way.

This should work
(assumes a true "," seperated file with only two items per line, i.e.: Test,Test.jpg):
The Run Shell Script Action is:
cd "${1%/*}"
while read line
do
     FolderName=${line%,*}
     ImageName=${line#*,}
     mkdir "$FolderName"
     mv "$ImageName" "$FolderName"
done < "$1"

Putting image inside letters

I kow how to do this but I have forgotten for the life of me!!!!!!!!! Help!

Yes, hold down the Alt key and click on the line between the layer, the cursor icon will change to two overlapping little circles.

Placing images inside images

How do I fill text with images

Is it something like this you want?
Here is the link to how to do it:
http://i-work-in-pages.blogspot.se/2010/07/transparent-letters-put-image-inside. html

Still having problems with images

I am still having problems putting images into an Oracle 9i database and fetching them back out.
I think I have finally managed to force a blob image into the database, but can't seem to get it back out into a byte array.
After many iterations, I have come up with something that might be getting close.
The code is listed below.
Everything has been simplified as much as I can.
The function get_user_picture_func1 returns a single blob for a specified index.
In this case, I have hardcoded the index = 3 and I think there is an image in the database for that index. (it says there are bytes there anyway).
The byte array to store the image is defined outside the method fetchImage().
byte[] imageData;
When I call fetchImage() I get the following exception:
Invalid argument(s) in call: getBytes().
at the line
imageData = picture.getBytes(zro, k);
It looks like getBytes has two parameters, Long offset, int length.
I had diagnostic statements and I confirmed that the statement:
int k = (int)picture.length(); returned k=4198 (the same size as the image).
I am at a loss to understand what the exception is trying to tell me.
I'be been trying to get this to work for a week now and am really getting burned out trying to find anything that works.
void fetchImage()
Blob picture;
String query = "{ ? = call get_user_picture_func1( ? ) }";
try
CallableStatement cs = con.prepareCall( query );
cs.registerOutParameter(1, OracleTypes.BLOB);
cs.setInt(2,3);
cs.execute();
picture = cs.getBlob(1);
if( picture != null)
InputStream in = picture.getBinaryStream();
int k = (int)picture.length();
imageData = new byte[k];
long zro = 0;
imageData = picture.getBytes(zro, k);
catch( Exception e)
}

I have been using my iPad mini with keynote to make slide presentations in my classes.There has been no problem until I upgraded to Keynote 5.3. Now the refresh rate on the iPad mini is so slow and out of sync with the projected image that I was forced to not use keynote! I have 2 years of work invested that I will have to toss unless this gets fxed. I have not had this problem with this equipment/files before. Only change was upgrade to keynote 5.3. ( Some details: I connect to the projector with a VGA cable and Apple lightining adaptor to the iPad Mini. All updates current on theiPad Mini.) Yes I did turn on and off all equipment. And I did check all cable connections. Thanks for any help you may give!

Rotate Button (Or maybe use an image inside button?)

In the sake of a good user inteface,
I'm trying to make this: http://farm5.static.flickr.com/4071/5154426822_93ffd02f55_o.jpg
look like this: http://farm2.static.flickr.com/1114/5153818257_cf7bd3cee0_o.jpg
h3. Two ways I can think of:
* rotate the button component - I have no idea on how to do that. If anyone can give me an example i'll aprreciate it.. (I know JSF, myfaces and richfaces. Not much about javascript)
* put an image on the button. (Can you actually put an image on a command button?)
Any other suggestions would also be great.
Tnx!

user8863870 wrote:
In the sake of a good user inteface,
I'm trying to make this: http://farm5.static.flickr.com/4071/5154426822_93ffd02f55_o.jpg
look like this: http://farm2.static.flickr.com/1114/5153818257_cf7bd3cee0_o.jpg
h3. Two ways I can think of:
* rotate the button component - I have no idea on how to do that. Who says that it is possible? It is possible with a client side embedded framework like Flash, Silverlight or JavaFX. But certainly not with vanilla javascript/css/html.
* put an image on the button. (Can you actually put an image on a command button?)You can put an image on a commandLink. But that image will be square and contain lots of empty space that will still be clickable.
>
Any other suggestions would also be great.
Tnx!You could get somewhere with a HTML image map, but I have no experience trying to make that work with JSF. I haven't seen a component yet that links image map functionality to a JSF component. Is it an option to work with a regular link in stead of a commandButton/commandLink?

My daughter's older Ipod Touch is having a problem with images becoming pixilated when taken from an e-mail and placed into her camera roll. ( She wants to put on Instagram ) Any help?

My daughter's older Ipod Touch is having a problem with images becoming pixilated when taken from an e-mail and placed into her camera roll. ( She wants to put on Instagram ) Any help?

I think that may be a consequence of the email provider she is using. Some services (AOL is one example) inspect and modify email attachments, particularly photos, resulting in reduced resolution compared to the email that was sent.
The iPod does not do this. The resolution of the picture in the email she receives will be identical to what is imported.

Revealing a larger image inside of a shape?

Using CS5, I want to take a shape, and to place larger images inside of the shape so that the only part of the larger image that is revealed is the part showing through the shape. I understand the Drawing Inside Mode, though I already have the larger artwork done, so it will not work with that drawing mode.
1. Is the name of the smaller shape the "mask" that will be masking the larger artwork?
2. How can I use the smaller shape to now hide the larger artwork except the part that will be revealed through the inside of the shape.
Thanks.

http://layersmagazine.com/clipping-masks-in-illustrator-cs5.html

Problems putting Images inside large buttons

Similar Messages

Maybe you are looking for