Centering an image wrecks the display in IE

Hello, everyone.
I've got a really simple page so far: a table with 1 row, 1 column, containing a CSS object of 3 columns with a scaling center. (The table is to constrain the size of the css object.) In the left column of the css object is a GIF (a decorative element) and in the right column is a similar element. They frame the "real" content of the page, a GIF of some text that was created with Adobe Illustrator, which is contained in the center column of the CSS object.
When I first put these items on the page, everything was left justified on the page, and the text-GIF was left-justified within the center column. I used a technique I found elsewhere in this forum to create a wrapper and center the table on the page, and it worked great with Firefox, IE, and Opera, in different screen sizes. Perfect so far, but the text-GIF was still left-justified within the center column. So then I used the same wrapper technique to center the text-GIF within the center column of the css object, and that's when IE messed up. Firefox and Opera show the page perfectly, but IE puts the text-GIF below the decorative elements instead of between them.
My page is located at jjlittle.com/test if someone would be so kind as to take a look at it and tell me how to center that GIF so that IE will behave.
Thanks very much.
John
Oh, and I'm using WindowsXP and Golive CS2, although I can't imagine that that matters in this case.

Simpler is always better. Your code was akin to hitting a fly with a <br />sledgehammer!<br /><br />Try this on the page -<br /><br /><style type="text/css" media="screen"><br /><br /></style><br /></head><br /><body bgcolor="#f5e5a8"><br /><div id="wrapper"><br /> <table width="760" border="0" cellspacing="0" cellpadding="0"><br /> <tr><br /> <td><div class="colcont_10DBD0A"><br /> <br /> <img class="colboxleft_10DBD0A" <br />src="http://jjlittle.com/test/images/border50153green2.gif" alt="" <br />height="607" width="74" /><br /> <img class="colboxright_10DBD0A" <br />src="http://jjlittle.com/test/images/border50153green2RT.gif" alt="" <br />height="607" width="74" /><img class="colboxmiddle_10DBD0A" <br />src="http://jjlittle.com/test/images/readingsplus_resize.gif" alt="" <br />height="399" width="267" /></div></td><br /> </tr><br /> </table><br /></div><br /></body><br /><br />-- <br />Murray

Similar Messages

Using a devices camera and adding the image to the display list

Hi,
My students and I have not been able to make an AIR app that can take a picture using the devices camera and then add the image to the display list. We are able to open the devices camera and of course take a picture, but that's it.
We've been using these two tutorials/examples:
http://help.adobe.com/en_US/FlashPlatform/reference/actionscript/3/flash/media/CameraUI.ht ml
and
http://tv.adobe.com/watch/adc-presents/input-for-mobile-devices-camera/
I've uploaded our project: http://www.dayvid.com/professor/camera.zip
Can someone help us out?
Thanks!
Below is the main document class:
package {
import flash.desktop.NativeApplication;
import flash.display.Loader;
import flash.display.MovieClip;
import flash.display.StageAlign;
import flash.display.StageScaleMode;
import flash.events.ErrorEvent;
import flash.events.Event;
import flash.events.IOErrorEvent;
import flash.events.MediaEvent;
import flash.media.CameraUI;
import flash.media.MediaPromise;
import flash.media.MediaType;
import flash.events.MouseEvent;
     public class Main extends MovieClip{
          private var deviceCameraApp:CameraUI = new CameraUI();
          private var imageLoader:Loader;
          public function Main()
               this.stage.align = StageAlign.TOP_LEFT;
               this.stage.scaleMode = StageScaleMode.NO_SCALE;
                                 camera_btn.addEventListener(MouseEvent.CLICK, cameraBtnClicked);
                      private function cameraBtnClicked(event:MouseEvent):void
                                if( CameraUI.isSupported )
                                                  result_txt.text = "Initializing camera...";
                                                  deviceCameraApp.addEventListener( MediaEvent.COMPLETE, imageCaptured );
                                                  deviceCameraApp.addEventListener( Event.CANCEL, captureCanceled );
                                                  deviceCameraApp.addEventListener( ErrorEvent.ERROR, cameraError );
                                                  deviceCameraApp.launch( MediaType.IMAGE );
               else
                                                  result_txt.text = "Camera interface is not supported.";
          private function imageCaptured( event:MediaEvent ):void
               result_txt.text = "Media captured...";
               var imagePromise:MediaPromise = event.data;
               if( imagePromise.isAsync )
                result_txt.text = "Asynchronous media promise.";
                imageLoader = new Loader();
                imageLoader.contentLoaderInfo.addEventListener( Event.COMPLETE, asyncImageLoaded );
                imageLoader.addEventListener( IOErrorEvent.IO_ERROR, cameraError );
                imageLoader.loadFilePromise( imagePromise );
               else
                result_txt.text = "Synchronous media promise.";
                imageLoader.loadFilePromise( imagePromise );
                showMedia( imageLoader );
          private function captureCanceled( event:Event ):void
               result_txt.text = "Media capture canceled.";
               NativeApplication.nativeApplication.exit();
          private function asyncImageLoaded( event:Event ):void
               result_txt.text = "Media loaded in memory.";
               showMedia( imageLoader );
          private function showMedia( loader:Loader ):void
               this.addChild( loader );
          private function cameraError( error:ErrorEvent ):void
               result_txt.text = "Error:" + error.text;
               NativeApplication.nativeApplication.exit();

Hi,
Do I have to add the picture to the cameraroll in order to add it to the AIR apps display list?
Both examples from Adobe claim that their examples work. Do they not?
In the example, the event handler asyncImageLoaded is never called. The output text field shows -   result_txt.text = "Asynchronous media promise."; So the Event.COMPLETE is being added. But I don't think it's being dispatched.
Any ideas?

Most times when I import photos from my desktop or dropbox to iPhoto, iPhoto will keep the title I created for the image as the display title under the image. but occasionally it displays the filename instead and I have to go back through and reenter

most times when I import photos from my desktop or dropbox to iPhoto, iPhoto will keep the title I created for the image as the display title under the image. but occasionally it displays the filename instead and I have to go back through and reenter the title in iPhoto. why the inconsistency? running OS 10.9.5 and using iPhoto 9.5.1

Try this: select one of the photos that are showing the wrong title and use the Photos ➙ Batch Change ➙ Title to File Name menu option.
See if that will put the name that you want under the thumbnail.

How do you do this... Centering an image at the bottom of a container.

Hi,
I am relatively new to Dreamweaver... and I want to center an image at the bottom of my "maincontent" container.
I have the image placed in the the proper conatiner, yet no matter what rule I set I cannot not seem to get it to center at the bottom.   Is this possible?
Thanks!
Gary

This is another way to center the image under a block of text inside a div:
<!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">
#maincontent{
     width: 980px;
     margin: 0 auto;
/* to center an image with a width declared in the html,
margins do not work on inline elements - an image is an inline element,
so you need to add display: block */
.imgcenter {
margin: 0 auto; display: block;
</style>
</head>
<body>
<div id="maincontent">
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Duis ligula lorem, consequat eget, tristique nec, auctor quis, purus. Vivamus ut sem. Fusce aliquam nunc vitae purus. Aenean viverra malesuada libero. Fusce ac quam. Donec neque. Nunc venenatis enim nec quam. Cras faucibus, justo vel accumsan aliquam, tellus dui fringilla quam, in condimentum augue lorem non tellus. </p>
<img src="1788114-org.png" alt="" width="250" height="167" class="imgcenter" />
</div>
</body>
</html>

Thumbnail appears but no image in the display field

I have downloaded several photos from the same Canon camera into Image Browser (software that comes with the camera) and I have imported them into iPhoto 6 but only some appear in the display area for editing etc. They all appear as thumbnails in the upper field. The ones that wont display when double clicked show a grey field with dotted white square and ominous exclamation mark! If there is some explanation that goes with this in iPhoto I can't find it. How do I get the images to work?

Colin1
Assuming that you haven't changed things in the iPhoto Library Folder, and rebuilding doesn't work, try downloading iPhoto Library Manager and rebuilding with it. You can read about it here:http://homepage.mac.com/bwebster/iphotolibrarymanager.html
You could also try to force rebuild the iPhoto cache by going to Home / Library /Caches and delete the iPhoto Folder there.
However, if none of these work, then you may have a seriously corrupted database. In that case, you'll need to create a new library and start from scratch. To rebuild the library: move the iPhoto Library Folder to the desktop
Launch iPhoto. It will ask if you wish to create a new Library. Say Yes.
Go into the iPhoto Library Folder on your desktop and find there the Originals folder. From there drag the individual rolls to the iPhoto Window and it will recreate them in the new library.
When you're sure all is well you can delete the iPhoto Library Folder on your desktop.
In the future, in addition to your usual back up routine, you might like to make a copy of the library6.iPhoto file whenever you have made changes to the library as protection against database corruption.
Regards
TD

Problem adding an image to the display list

I'm trying to create a component to add images to a Panel (id=hbox). I seem to be loading the images successfully (because the trace statement works), but can't add them to the display.
I'm using the following line of code, but getting an error:
hbox.addChild(event.currentTarget)
What am I doing wrong?
Thank you!
<?xml version="1.0" encoding="utf-8"?>
<mx:Canvas xmlns:mx="http://www.adobe.com/2006/mxml" backgroundAlpha=".5"   backgroundColor="0xffffff" creationComplete="init()" >
    <mx:Script>
    <![CDATA[
    public function placeAnimals():void{
        for(var i:int=0; i<12;i++){
            var imageLoader:Loader = new Loader();
            var url:String = "images/animal"+i+".png";
            var urlReq:URLRequest = new URLRequest(url);
            imageLoader.contentLoaderInfo.addEventListener(Event.COMPLETE, imageLoaded);
            imageLoader.x=50*i
            imageLoader.load(urlReq);
            function imageLoaded(event:Event):void {
                trace("Success="+event.currentTarget.url)
               //hbox.addChild(event.currentTarget)
         public function init():void {
             placeAnimals()
    ]]>
    </mx:Script>
    <mx:Panel id="hbox" height="200"   backgroundImage="images/smallWhitePanel.png" borderStyle="none" />
</mx:Canvas>

You cannot add an image directly like that... why not dot the following
var img:Image = new Image();
img.source = url;
this.addChild(img);
hpefully it should work.. i'v neva seen image being added to the hbox like that... it will work only if you embed it / put it in source element..
the following link should help you
http://livedocs.adobe.com/flex/3/html/help.html?content=controls_16.html

Centering an image in the Spry photo album in Dreamweaver?

Hello,
I made my own photo gallery in Dreamweaver using this tutorial (http://www.adobe.com/devnet/dreamweaver/articles/spry_photo_album.html)
I got everything to work beautifully but I don't know how to get my images to center in the main div container.
Some are vertical and some are horizontally so I am trying to make sure they all center in the div container instead of defaulting to the top left of the container.
Any suggestions??
Thanks in Advance!
Natalie

Once again with out seeing the code it is rather hard to give you a precise answer. However, find the div that surrounds all your content for the page and if it has a fixed with in your css then simply add margins to center it or if you don't have a surrounding div simply add one...example:
html:
<body>
<div id="content">
Page content
</div>
</body>
CSS:
#content{
width:900px;
margin: 0 auto;
a left and right margin of auto will center your div within the browser.

Adding an "IMAQ Image.ctl" to the "Display State.ctl" of an XControl prevents LabVIEW from creating a probe of "Display State.ctl"

I am working on an extended IMAQ Display control using LabVIEWs XControl capabilities.
I need a copy of the original image passed to add some overlays which must not affect the original image. To achieve this I am creating a backup image in the "Init.vi" and deleting it in the "Uninit.vi". I am storing the reference of this image in the "Display State.ctl" which is part of every XControl.
As soon as I am adding an "IMAQ Image.ctl" to the Display State cluster, it is no longer possible to generate a probe of the Display State cluster for debugging purposses. I am always getting the message: "Failed to load or create probe."
Deleting the "IMAQ Image.ctl" from the cluster makes the probe working again.
Is it a bug or am I doing something wrong?
I am working with LabVIEW 8.5 and Vision 8.5.
Regards
Ingo Bartsch

Hello Mr. Bartsch,
is it possible for you to post a small example to reproduce the behaviour? It would be helpful to get a description in which way you use the typedef files.
I found a example/knowledge base where some informations were included to XControl and LV but not with Vision.
http://digital.ni.com/public.nsf/allkb/1DC1ADD2A136DA298625712C00635758?OpenDocument
Best wishes
Jan Kniewasser
Jan Kniewasser | Applications Engineer | Tel.: +49 89 7413130 | Fax: +49 89 7146035

Does the desktop on the display match the desktop on the portable exactly?

I just want to check before I go ahead and order the display and the new MBA whether the desktops of the two will match perfectly.
The reason I am asking this is that I have been googling images of the display and in most of the pictures the display's desktop looks different to the desktop of the attached portable. This is also the case on Apple.com's site.
In one display, the desktop looks the same but is missing the dock.
I need to have the display showing the exact same desktop as my portable (Macbook Air 13 inch) including the dock. I know though the resolutions will be different so more of a web page will show up on the display. That is OK. That is the reason I am buying a display.
Examples of how the desktops differ:
http://www.thetechnologyblog.net/archives/category/mac-apple
http://www.techfresh.net/http://www.techdigest.tv/computers/monitors/2.htmlapple -27-inch-led-cinema-display/
http://www.macbookairreviews.com/category/macbook-pro/
Thanks for clearing up any confusion over this.

I need to have the display showing the exact same desktop as my portable (Macbook Air 13 inch) including the dock.
Enable mirroring in the "Arrangement" tab of "Displays" system preference.
I know though the resolutions will be different so more of a web page will show up on the display.
No. With mirroring you will see only what is on the MacBook display. The screen will have black borders if its resolution is greater than the MacBooks's displau.

Image (jpeg, gif) display in AWT layout manager

Goodmorning All,
I am looking for some help, a hint on my AWT Layout challenge i have.
Example GUI_1:
=========================
Window border..................[_][x]..
=========================
[label]....|display_area|....[button].
[label]....|display_area|....[button].
...............|display_area|....[button].
...............|display_area|....[button].
...............|display_area|..................
=========================
...........................................[QUIT].....
=========================
I want to
- display a picture in the "display area" of the this GUI
- put labels left of it with some text
- put a couple of buttons right of it, through which i am able to manipulate the image
Questions:
*1. Is it (even) possible to display an (jpeg,gif) image in the "display area" while using a layout manager?*
Surfing over the internet...so far i only have found applet-examples that use the full gui surface of the applet to display an image via the g.drawImage (imagename, x,y); without any gui elements (labels, buttons) beside it.
*2. What kind of AWT gui element do i need at the location of the "display area"?*
Is is possible to use a CANVAS or do i need somethen else? (e.g. glue an image on a button)
*3. Is is possible to display an ANIMATION (series of sequences jpeg, gifs) in the display area?*
I already found out how to locate and load the images (via mediatracker).
Now i need to find a way to "paint" the loaded images in the GUI.
*4. Is this even possible with AWT layout or do i need to switch to SWING layout?*
I have not used Swing yet, cause i'm working my way up through the oldest gui technologie first.
*5. Do know any usefull websites, online tutorials (on awt and displaying images) that can help me tackle my challenge?*
Thank you very much for your hints, tips and tricks

A link as Gary pointed out is the best way to see what the problem may be.
Did you save the image to your working folder and have you defined a site pointing to this folder.
Defining a site helps Dreamweaver track and organize the files used in this site.
http://kb.adobe.com/selfservice/viewContent.do?externalId=tn_14028
If you can't see the image, this means that the path to the image is incorrect.
Nadia
Adobe Community Expert : Dreamweaver
Unique CSS Templates | Tutorials | SEO Articles
http://www.DreamweaverResources.com
Web Design & Development
http://www.perrelink.com.au
http://twitter.com/nadiap

Desktop Image does not display correctly when centered

Have been doing a fair amount of Macro photography in high resolution lately. I often take the best close-up images and put them on my second monitor which is a Cinema Display. As the photos I take are 20MP when I select the images and center them, I *am* looking to in effect 'zoom in' and have the image displayed large.
This works just dandy in Snow Leopard, apparently not so well - if at all - in Mavericks.
What is the limiting issue here that an image no longer displays under the 'Centered' setting if that puts the edges of the frame beyond the display's edges? This is what I am talking about. You can see from the first three grabs, the desktop photo changes with each setting but stops in it's tracks with the last.
http://home.comcast.net/~foodandart/MacForums/01-FitToScreen.jpg
http://home.comcast.net/~foodandart/MacForums/02-StretchToFitScreen.jpg
http://home.comcast.net/~foodandart/MacForums/03-FullScreen.jpg
http://home.comcast.net/~foodandart/MacForums/04-Center.jpg
That last photo would be stunning on my desktop if it was actually displaying as it shows in the Desktop Preference control panel.
Any ideas?
Deb.

Hi Paul
You're more likely to get an answer to this if you post in the UNIX forum.
By the looks of it, you may have a problem with your fonts.

Images not getting displayed in the WebView

Hi every1,i am facing a problem in displaying images in the WebView. when a particular page or HTML is loaded in a WebView ,images are not coming and i am not able to go to other pages on clicking another link in that page. can ny1 help me?

@ is a default value as per ALV internal process. This is used in icons .
I think this is causing the confusion.
Check in the fieldcat if there is any adjsutment to be made to handle this.
Br,
Vijay

Help displaying an image using the canvas!!!!!!!!

Hey guys
I don't know whether I am not grasping some concepts well.I have been going mad trying to get the code working
Here is the code
import javax.microedition.midlet.*;
import javax.microedition.lcdui.*;
import java.io.*;
* @author Administrator
* @version
public class MyMIDlet extends javax.microedition.midlet.MIDlet implements CommandListener{
private Display display;
private MyCanvas canvas;
private Command exitcommand = new Command("Exit",Command.SCREEN,1);
private Image source;
public MyMIDlet() {
protected void startApp() throws MIDletStateChangeException{
if (display == null){
initMIDlet();
protected void pauseApp() {
protected void destroyApp(boolean unconditional)throws MIDletStateChangeException {
exitMIDlet();
public void commandAction(Command c, Displayable d) {
if (c == exitcommand){
exitMIDlet();
protected void initMIDlet() {
display = Display.getDisplay(this);
canvas = new MyCanvas(this);
System.err.println("Canvas instiated succesfully");
canvas.addCommand(exitcommand);
canvas.setCommandListener(this);
display.setCurrent(canvas);
public void exitMIDlet() {
notifyDestroyed();
import javax.microedition.lcdui.*;
import javax.microedition.midlet.*;
import java.io.*;
public class MyCanvas extends Canvas implements Runnable {
private MIDlet midlet;
private Image offscreen;
private Image currentimage;
private Graphics g;
//MID profile application
/** Creates a new instance of MyCanvas */
public MyCanvas(MIDlet midlet) {
this.midlet = midlet;
try{
currentimage = Image.createImage("/bird0.png");
}catch(IOException e){
System.err.println(e.getMessage());
if (currentimage!= null){
System.err.println("Image create successfully");
}else{
System.err.println("Image not created");
try{
Thread t = new Thread(this);
t.start();
}catch(Execption e){}
protected void paint(Graphics g){
Graphics saved = g;
int x = getWidth();
int y = getHeight();
g.setColor(255,255,255);
g.drawImage(currentimage,x,y,g.TOP|g.VCENTER);
public void run() {
repaint();
I know for a fact that the Canvas class 's paint method is called by the system and not the application. This poses a problem for me because I am not sure how to pass the image to the piant method, so that it can be painted.
When I run the program(using J2ME wtk04), this is the outcome.
Image created succesfully
Canvas instiatiated successfully
null
Here are my questions
1) when is the paint method precisely called by the system?after a reference to the canvas class is created?
2) is it wise to create the image when instiating the canvas class?( initially created the image using a separate thread)-when sould the image be created?
3)how to let the application know when to use the image when painting the display area?
I am just trying the logistics here. It is very crucial to me to understand the bolts of this as the core f my project fouses on the man machine interface development.(For the project, the cilent application is quering for the map using HTTP)
I use a png file of size 161 bytes. Is that too big for testing purposes.
I would all the help that I can get. thanks in advance

1) when is the paint method precisely called by the system?after a reference to the canvas class is created?
After the canvas is set as the current display, and after that, after the repaint() is called.
2) is it wise to create the image when instiating the canvas class?( initially created the image using a separate thread)-when sould the image be created?
It's better to create the image in the very begining of the program e.g. in the midlet initialization. You can call the created image as often as you like later on
3)how to let the application know when to use the image when painting the display area?
you have to tell it :))
you can use if-then, switch, or anything else
and you can use clipping too

In my Macbook Pro, on a few occassions, the apple menu bar blacks out. its displayed as a negative image. The desktop wallpaper get greyed out and i get a blank screen as wallpaper. No idea why this happens. I reset the system and issue gets resolved.

In my Macbook Pro, on a few occassions, the apple menu bar blacks out. its displayed as a negative image. The desktop wallpaper get greyed out and i get a blank screen as wallpaper. No idea why this happens. I reset the system and issue gets resolved.

AshwinVC wrote:
I reset the system and issue gets resolved.
How?

I have a macbook pro, a mini display port to hdmi cable to hook up to my tv (a toshiba 1080p flatscreen). what do I do to actually get the image on the tv screen? Do I need another cable for sound?

I am trying to watch a tv show that I purchased into I-tunes. I have the cable and it hooks to the TV okay. The TV shows the regular apple screen that looks like the universe screen - like when it boots up or is doing an upgrade on the OS. I can't get the image to go from the laptop to the TV. I tried under displays and it shows the TV as a display but I can't get the image on the TV.......Please help.

Rwogera wrote:
I couldn't transmit sound either, do i need another cable like Kim said? i mean it cant be transmitted through this HDMI port? as for me i have one of the latest mac pro with intel core i5..tnx
I need to know which MacBook Pro you have. Only mid-2010 and later MBP's transmit sound through MiniDisplay Port to HDMI. I have no information about the Mac Pro, so you might want to go to that Forum and ask there.

Centering an image wrecks the display in IE

Similar Messages

Maybe you are looking for