Help with positioning images

Hi! So, I am new to DreamWeaver and need assistance. I am working on using AP Divs to position images. I place them where I want via the Design tab and then when I preview it in IE 7 it is in a completely different place. Up until this point, I have just made the adjustments by flipping back and forth between my browser and DW Design display and using margins. You can see I did this for my sidebar links (Home, Overview etc.). Even though on the design screen it looks like I am overlapping my header, when I go out to IE, it looks fine. However, for this graphic organizer that I am working on, it will be too difficult. I will post screen shots of what I am talking about below. Can anyone tell me why this is happening and how to get it stopped? I have never had problems with this before when I have done websites. Do you think I have something wrong in my HTML code or CSS? As you can tell, I am a beginner. Any help would be appreciated! Also, I have a quesiton about the my links in my sidebar. Does anyone know how to put more space in between the words vertically (you can see the links in my second pic below)? Thanks!

How to Get Help Quickly
http://forums.adobe.com/thread/470404
HTML & CSS Tutorials - http://w3schools.com/
Code Validation Tools
CSS - http://jigsaw.w3.org/css-validator/
HTML - http://validator.w3.org/
APDivs as a primary layout method seldom works well. Here is why:
http://apptools.com/examples/pagelayout101.php
Learn CSS Positioning in 10 Steps -
http://www.barelyfitz.com/screencast/html-training/css/positioning/
Use CSS line-height, margins and padding to add space between headings, paragraphs or list items.
Related Link:
CSS Box model
http://css-tricks.com/the-css-box-model/
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/
http://twitter.com/altweb

Similar Messages

Server goes out of memory when annotating TIFF File. Help with Tiled Images

I am new to JAI and have a problem with the system going out of memory
Objective:
1)Load up a TIFF file (each approx 5- 8 MB when compressed with CCITT.6 compression)
2)Annotate image (consider it as a simple drawString with the Graphics2D object of the RenderedImage)
3)Send it to the servlet outputStream
Problem:
Server goes out of memory when 5 threads try to access it concurrently
Runtime conditions:
VM param set to -Xmx1024m
Observation
Writing the files takes a lot of time when compared to reading the files
Some more information
1)I need to do the annotating at a pre-defined specific positions on the images(ex: in the first quadrant, or may be in the second quadrant).
2)I know that using the TiledImage class its possible to load up a portion of the image and process it.
Things I need help with:
I do not know how to send the whole file back to servlet output stream after annotating a tile of the image.
If write the tiled image back to a file, or to the outputstream, it gives me only the portion of the tile I read in and watermarked, not the whole image file
I have attached the code I use when I load up the whole image
Could somebody please help with the TiledImage solution?
Thx
public void annotateFile(File file, String wText, OutputStream out, AnnotationParameter param) throws Throwable {
ImageReader imgReader = null;
ImageWriter imgWriter = null;
TiledImage in_image = null, out_image = null;
IIOMetadata metadata = null;
ImageOutputStream ios = null;
try {
Iterator readIter = ImageIO.getImageReadersBySuffix("tif");
imgReader = (ImageReader) readIter.next();
imgReader.setInput(ImageIO.createImageInputStream(file));
metadata = imgReader.getImageMetadata(0);
in_image = new TiledImage(JAI.create("fileload", file.getPath()), true);
System.out.println("Image Read!");
Annotater annotater = new Annotater(in_image);
out_image = annotater.annotate(wText, param);
Iterator writeIter = ImageIO.getImageWritersBySuffix("tif");
if (writeIter.hasNext()) {
imgWriter = (ImageWriter) writeIter.next();
ios = ImageIO.createImageOutputStream(out);
imgWriter.setOutput(ios);
ImageWriteParam iwparam = imgWriter.getDefaultWriteParam();
if (iwparam instanceof TIFFImageWriteParam) {
iwparam.setCompressionMode(ImageWriteParam.MODE_EXPLICIT);
TIFFDirectory dir = (TIFFDirectory) out_image.getProperty("tiff_directory");
double compressionParam = dir.getFieldAsDouble(BaselineTIFFTagSet.TAG_COMPRESSION);
setTIFFCompression(iwparam, (int) compressionParam);
else {
iwparam.setCompressionMode(ImageWriteParam.MODE_COPY_FROM_METADATA);
System.out.println("Trying to write Image ....");
imgWriter.write(null, new IIOImage(out_image, null, metadata), iwparam);
System.out.println("Image written....");
finally {
if (imgWriter != null)
imgWriter.dispose();
if (imgReader != null)
imgReader.dispose();
if (ios != null) {
ios.flush();
ios.close();
}

user8684061 wrote:
U are right, SGA is too large for my server.
I guess oracle set SGA automaticlly while i choose default installion , but ,why SGA would be so big? Is oracle not smart enough ?Default database configuration is going to reserve 40% of physical memory for SGA for an instance, which you as a user can always change. I don't see anything wrong with that to say Oracle is not smart.
If i don't disincrease SGA, but increase max-shm-memory, would it work?This needs support from the CPU architecture (32 bit or 64 bit) and the kernel as well. Read more about the huge pages.

Help with adding image onclick

Hey everyone,
I am making a simple game in AS3 and need help with adding an image once they have click on something.
On the left of the screen are sentences and on the right an image of a form. When they click each sentence on the left, writing appears on the form. Its very simple. With this said, what I would like to do is once the user click one of the sentences on the left, I would like a checkmark image to appear over the sentence so they know they have already clicked on it.
How would I go about adding this to my code?
var fields:Array = new Array();
one_btn.addEventListener(MouseEvent.CLICK, onClick1a);
one_btn.buttonMode = true;
function onClick1a(event:MouseEvent):void
    fields.push(new one_form());
    fields[fields.length-1].x = 141;
    fields[fields.length-1].y = -85;
    this.addChild(fields[fields.length-1]);
    one_btn.removeEventListener(MouseEvent.CLICK, onClick1a);
    one_btn.buttonMode = false;
    //gotoAndStop("one")
two_btn.addEventListener(MouseEvent.CLICK, onClick2a);
two_btn.buttonMode = true;
function onClick2a(event:MouseEvent):void
    fields.push(new two_form());
    fields[fields.length-1].x = 343.25;
    fields[fields.length-1].y = -85;
    this.addChild(fields[fields.length-1]);
    two_btn.removeEventListener(MouseEvent.CLICK, onClick2a);
    two_btn.buttonMode = false;
    //gotoAndStop("two")

I don't know where you're positioning the button that should enable/disable the checkbox but for "one_btn" let's just say it's at position: x=100, y=200. Say you'd want the checkbox to be to the left of it, so the checkbox would be displayed at: x=50, y=200. Also say you have a checkbox graphic in your library, exported for actionscript with the name "CheckBoxGraphic".
Using your code with some sprinkles:
// I'd turn this into a sprite but we'll use the default, MovieClip
var _checkBox:MovieClip = new CheckBoxGraphic();
// add to display list but hide
_checkBox.visible = false;
// just for optimization
_checkBox.mouseEnabled = false;
_checkBox.cacheAsBitmap = true;
// adding it early so make sure the forms loaded don't overlap the
// checkbox or it will cover it, otherwise swapping of depths is needed
addChild(_checkBox);
// I'll use a flag (a reference for this) to know what button is currently pushed
var _currentButton:Object;
one_btn.addEventListener(MouseEvent.CLICK, onClick1a);
one_btn.buttonMode = true;
function onClick1a(event:MouseEvent):void
     // Check if this button is currently the pressed button
     if (_currentButton == one_btn)
          // disable checkbox, remove form
          _checkBox.visible = false;
          // form should be last added to fields array, remove
          removeChild(fields[fields.length - 1]);
          fields.pop();
          // clear any reference to this button
          _currentButton = null;
     else
          // enable checkbox
          _checkBox.visible = true;
          _checkBox.x = 50;
          _checkBox.y = 200;
          // add form
          fields.push(new one_form());
          fields[fields.length-1].x = 141;
          fields[fields.length-1].y = -85;
          this.addChild(fields[fields.length-1]);
          // save this button as last clicked
          _currentButton = one_btn;
     // not sure what this is
    //gotoAndStop("one")
I'd also centralize all the click handlers into a single handler and use the buttons name to branch on what to do, but that's a different discussion. Just see if this makes sense to you.
The jist is a graphic of a checkbox that is a MovieClip symbol in your library exported to actionscript with the class name CheckBoxGraphic() is created and added to the display list.
I made a variable that points itself to the last clicked button, when the "on" state is desired. If I detect the last clicked button was this button, I remove the form I added and the checkbox. If the last clicked button is not this button, I enable and position the checkbox as well as add the form.
What is left to do is handle the sitation where multiple buttons are on the screen. When a new button is pushed it should remove anything the previous button added. This code simply demonstrates clicking the same button multiple times to toggle it "on and off".

Could use some help on positioning images

With help here, I'm making my way through ID novice to ID "dangerous". I sorta get layout and sorta get styling and now could use some help with sizing and positioning images.
The test is a 3-column newspaper that I let ID size when the document was created. All the text frames are linked. I now want to put some images on the pages and have the text wrap. I sorta understand wrapping and anchoring, the question is sizing.
Am I on the right path to start thinking that images often need to be sized to a column width or two (plus gutter)? If so, do I size images based on the frame size? For example, the columns show as 3.2222in and the gutter as .1667. Does that mean I want to set the image width to 3.2887 or are things just not that accurate? What are the best practices?
One related question on wrapping: it seems like anchoring the image allows wrapping around only one frame of text but not the other if the image spans two text columns. How do you place and image so that it wraps text in more than one column?
Also, do people make the image smaller than the frame to put a border in when wrapping text?
Thanks
Tom

Are you asking about image size as it is saved, or as placed on the page?
With older RIPS it was common to want to save images at the correct dimensions so when placed at 100% they would have the correct resolution. This was to reduce processing time. Today that is less of an issue and it is not at all unusual to scale images in the InDesign layout. (I'm talking raster here -- vector objects can be scaled almost infinitely.)
So, what is the correct size? There are a number of rules of thumb, but the basic one is that images should be placed so that the resolution, at the size they will be printed, is twice the value of the linescreen being used. Anything in the range of 1.5 to 2.5 is probably acceptable, and I know people who routinely send images at 1.4 times the linescreen.
For coated papers and reasonably good reproduction, 150 lpi is not unusual, with 200 lpi for fine art books, so you get the common suggestion that images should be 300 ppi. Newspaper printing is usually accomplished on fairly porous stock at much lower screen frequencies -- 80 to 100 lpi -- so you need considerably less image resolution.
How do you know what the resolution is at the size you've place the image? Look at the info panel with an image selected. You'll see too numbers, an "actual" ppi and an "effective" ppi. The actual number is simply the resolution recorded with the image at its dimensions when it was saved (and digital cameras often save images 20 inches or so wide at 72 ppi) and is basically irrelevant. The effective ppi is the one that matters. If it's too small, either reduce the size of the image on the page, or be prepared to live with less than stellar reproduction. If it's grossly over the requirement it usually won't hurt except for some increased processing time, but the extra image data won't improve things as it gets discarded by the RIP.
It's usually OK to downsample an image in Photoshop, though you will sometimes lose fine detail or subtlety in shading, but you'd probably lose the same things through scaling in ID. Upsampling never helps.
I presume you know that you can place graphical objects in several ways, either into an existing frame, at full size (whatever that happens to be and at the "actual" resolution) by clicking the loaded cursor on an empty spot on the page, or you can click and drag a new frame the size you want. When an image is first placed it will always be "actual size" unless some scaling factor has been applied to the frame in advance, so you may not see the entire image. You then have several fitting options available to either make the frame fit the image or the image fit the frame (and in newspaper work you pretty much only want to fit to or fill the frame proportionally).
I personally like keeping the images snapped to the column grid, but it's by no means an iron-clad rule. You want to avoid situations, though, where an image impinges on a column to the point that the remaining text is unworkably narrow.
I don't know why you are using anchored frames for your images (text wrap only affects text in the frame after the anchor point). It's not likely in a newspaper that you would want the pictures to move on the page if you edit the text. You can group the image, caption and story, if you like, so that they all stay together if you need to re-arrange the page or move them to a new location.
I don't know if I answered your question. Feel free to come back for clarification.
Peter

Help with unloading images AS3

Please can anyone help me. I am new to Action Script and flash and am having a nightmare unloading images. The code below works but I keep getting the following error messages:
TypeError: Error #2007: Parameter child must be non-null.
at flash.display::DisplayObjectContainer/removeChild()
at index_fla::MainTimeline/clickSection()
ArgumentError: Error #2025: The supplied DisplayObject must be a child of the caller.
at flash.display::DisplayObjectContainer/removeChild()
at index_fla::MainTimeline/clickSection()
Any help with this would be much appreciated.
var ImgReq01:URLRequest=new URLRequest("images/home/01.jpg");
var ImgReq02:URLRequest=new URLRequest("images/home/02.jpg");
var ImgReq03:URLRequest=new URLRequest("images/home/03.jpg");
var ImgReq04:URLRequest=new URLRequest("images/home/04.jpg");
var ImgReq05:URLRequest=new URLRequest("images/home/05.jpg");
var imgList:Array=[ImgReq01,ImgReq02,ImgReq03,ImgReq04,ImgReq05];
var imgRandom = imgList[Math.floor(Math.random()* imgList.length)];
var imgLoader:Loader = new Loader();
imgLoader.contentLoaderInfo.addEventListener(Event.COMPLETE, onComplete);
imgLoader.load(imgRandom);
function onComplete(event:Event):void
var randomImage:Bitmap = Bitmap(imgLoader.content);
randomImage.x=187.4;
randomImage.y=218.1;
addChild(randomImage);
//handle events for info buttons...
information. addEventListener (MouseEvent.CLICK, clickSection);
home. addEventListener (MouseEvent.CLICK, clickSection);
galleries. addEventListener (MouseEvent.CLICK, clickSection);
function clickSection (evtObj:MouseEvent) {
//Trace shows what's happening.. in the output window
trace ("The "+evtObj.target.name+" button was clicked")
//go to the section clicked on...
gotoAndStop (evtObj.target.name)
// this line is causing errors when navigating between the gallery and information buttons
var Image:Bitmap = Bitmap(imgLoader.content);
removeChild(Image);

you really should be adding the loader to the displaylist, not the content.
try:
var ImgReq01:URLRequest=new URLRequest("images/home/01.jpg");
var ImgReq02:URLRequest=new URLRequest("images/home/02.jpg");
var ImgReq03:URLRequest=new URLRequest("images/home/03.jpg");
var ImgReq04:URLRequest=new URLRequest("images/home/04.jpg");
var ImgReq05:URLRequest=new URLRequest("images/home/05.jpg");
var imgList:Array=[ImgReq01,ImgReq02,ImgReq03,ImgReq04,ImgReq05];
var imgRandom = imgList[Math.floor(Math.random()* imgList.length)];
var imgLoader:Loader = new Loader();
imgLoader.contentLoaderInfo.addEventListener(Event.COMPLETE, onComplete);
imgLoader.load(imgRandom);
function onComplete(event:Event):void
imgLoader.x=187.4;
imgLoader.y=218.1;
addChild(imgLoader);
//handle events for info buttons...
information. addEventListener (MouseEvent.CLICK, clickSection);
home. addEventListener (MouseEvent.CLICK, clickSection);
galleries. addEventListener (MouseEvent.CLICK, clickSection);
function clickSection (evtObj:MouseEvent) {
//Trace shows what's happening.. in the output window
trace ("The "+evtObj.target.name+" button was clicked")
//go to the section clicked on...
gotoAndStop (evtObj.target.name)
// this line is causing errors when navigating between the gallery and information buttons
if(this.contains(imgLoader){
removeChild(imgLoader);

Help with partial image loss from Viewer to Canvas

Hi--I'm brand new to FCP and would really appreciate any help with my problem. I'm creating 2 second video clips composed of four still images (15 frames...or 500ms each) laid back to back, then rendered. Very simple, I know. The individual images are tiff files that look great in the FCP Viewer. But in the Canvas, part of the image is missing. Specifically, in the center of each image there should be a + sign, about 1cm square. This + should remain constant thoughout the short movie, while the items around it vary (from image to image). (This is a psychology experiment, and the center + is a fixation cross.) The problem is that in the Viewer the + sign is intact, but in the Canvas (and the resulting rendered video), only the vertical bar of the + is present! This is true for every individual tiff, and for the resulting movie. The items around the fixation cross are fine. My question is WHY on earth does the central horizontal bar get "lost" between the Viewer and the Canvas? I've read the manuals, but obviously I've got something set wrong. Also, there is a considerable overall reduction in quality between the viewer and canvas, even though I'm trying my best to maximize video quality. Everything looks a bit blurry. Truly, all ideas are welcome. Sorry if it's obvious. Thanks.
G5 Mac OS X (10.4.3)

steve, i'm viewing on my 23" cinema screen. i read up on quality and know that this is a no-no; that i should only judge quality when viewing on an ntsc monitor or good tv. the problem is that i'll ultimately be displaying these videos on my Dell LCD, so i've got to maximize what i've got. thanks to the discussion boards i have a short list of things to try now. thanks!
-heather

Seeking Help with Album Image Issues in iPod Classic

Hi folks -
I have a new 160 iPod Classic and have two album image-related issues I'd appreciate some help with.
In the case of several albums where I'd associated my own art with them in iTunes, the formatting appeared off in my iPod due to the vertical/horizontal proportions. So I corrected the images, replaced the images via iTunes, and re-synced. All of the old images were replaced - except for two. Is there any way to get my iPod to recognize the change to these two images, as it did for all the others?
Secondly, my "The Allman Brothers Band Live at Fillmore East" album was appearing twice in both the Cover Flow and Album list. That was strange, except that after the latest sync it now appears six times! It's only in one place in iTunes, and not erroneously set as a compilation or anything. This is the only album displaying this behavior...
Thanks for any suggestions or advice!
Frank
Message was edited by: frank3si

Yes my e-mail address is [email protected]
Thank you for your kind attention to my problem. I am looking for one on one brief consultation with my laptop in Cincinnati. If not then I will compose a clear question with VI.
These manuals are well known to me NI Visions Concepts ManualIMAQ Vision for LaVIEW User ManuelNI-IMAQ for USB Cameras My problem is moving to the next step of Create an array of USB imagePerform math on array Display results Sincerely,Tom Lohre cell 513-236-1704, [email protected] http://tomlohre.com/images/lafley.jpgAG Lafley, Chairman & CEO of Proctor & Gamble http://tomlohre.com/lafley.htm A.G. Lafley enjoyed hearing of Tom's painting robot and thought it played well to his new book: "The Game-Changer: How You Can Drive Revenue and Profit Growth With Innovation." http://tomlohre.com/newart.htm
Tom Lohre artist/scientist
Has a operating painting robot using RoboLab/RCX
Developing a LabView/ NXT robot that analyzes an image for aesthetic quality.

Need some help with ".png" image.

Good day everyone. Here's the run down. I need to add an
image (image "A") ontop of another image (image"B"). Image "B" is a
paterned background. And Image "A" a logo with a transparent
background.
As it stands I have image "A" as a "png" and as you know....
they are fri**ing huge! Haveing it as a "gif" only presents me with
the IE6 problem of it adding a colored background to the image.
So I'm stuck! Can any one tell me or point me in the
difection of a tutorial to tell me the best way to add an image
with a transparent background in Dreamweaver.
Really need some help with this!
Thanks all!

>Right you can see the work in progress here>
http://www.stclairecreative.com/DoughBoys_Site_Folder/home.html
Before going much further I'd recommend reconsidering the use
of a textured background. They are usually included for the benefit
of the site owner only, and likely to annoy visitors. Studies on
the subject suggest they often lead to usability problems. I do
like to header graphic, but at 200K it's kinda heavy and can
probably be optimized.

Help with swap images using rollovers

I have a website created using DW CS5. Recently purchased FW CS5 to help with web graphics and design. I am trying to create a list of numbers that will swap with images. The intial page would simply be a list of numbers and 1 static image. Each number, when hovered will change the image with another. I've attempted this by first using DW and not having much success with FW either.
If able to complete this using FW, is it possible to export the file for use in DW? Then insert into an AP Div?

You're over-complicating it.
Simply hit File>Save once you're done in photoshop.
ian

Help with unloading images

Please can anyone help me. I am new to Action Script and flash and am having a nightmare unloading images. The code below works but I keep getting the following error messages:
TypeError: Error #2007: Parameter child must be non-null.
at flash.display::DisplayObjectContainer/removeChild()
at index_fla::MainTimeline/clickSection()
ArgumentError: Error #2025: The supplied DisplayObject must be a child of the caller.
at flash.display::DisplayObjectContainer/removeChild()
at index_fla::MainTimeline/clickSection()
Any help with this would be much appreciated.
var ImgReq01:URLRequest=new URLRequest("images/home/01.jpg");
var ImgReq02:URLRequest=new URLRequest("images/home/02.jpg");
var ImgReq03:URLRequest=new URLRequest("images/home/03.jpg");
var ImgReq04:URLRequest=new URLRequest("images/home/04.jpg");
var ImgReq05:URLRequest=new URLRequest("images/home/05.jpg");
var imgList:Array=[ImgReq01,ImgReq02,ImgReq03,ImgReq04,ImgReq05];
var imgRandom = imgList[Math.floor(Math.random()* imgList.length)];
var imgLoader:Loader = new Loader();
imgLoader.contentLoaderInfo.addEventListener(Event.COMPLETE, onComplete);
imgLoader.load(imgRandom);
function onComplete(event:Event):void
var randomImage:Bitmap = Bitmap(imgLoader.content);
randomImage.x=187.4;
randomImage.y=218.1;
addChild(randomImage);
//handle events for info buttons...
information. addEventListener (MouseEvent.CLICK, clickSection);
home. addEventListener (MouseEvent.CLICK, clickSection);
galleries. addEventListener (MouseEvent.CLICK, clickSection);
function clickSection (evtObj:MouseEvent) {
//Trace shows what's happening.. in the output window
trace ("The "+evtObj.target.name+" button was clicked")
//go to the section clicked on...
gotoAndStop (evtObj.target.name)
// this line is causing errors when navigating between the gallery and information buttons
var Image:Bitmap = Bitmap(imgLoader.content);
removeChild(Image);

you really should be adding the loader to the displaylist, not the content.
try:
var ImgReq01:URLRequest=new URLRequest("images/home/01.jpg");
var ImgReq02:URLRequest=new URLRequest("images/home/02.jpg");
var ImgReq03:URLRequest=new URLRequest("images/home/03.jpg");
var ImgReq04:URLRequest=new URLRequest("images/home/04.jpg");
var ImgReq05:URLRequest=new URLRequest("images/home/05.jpg");
var imgList:Array=[ImgReq01,ImgReq02,ImgReq03,ImgReq04,ImgReq05];
var imgRandom = imgList[Math.floor(Math.random()* imgList.length)];
var imgLoader:Loader = new Loader();
imgLoader.contentLoaderInfo.addEventListener(Event.COMPLETE, onComplete);
imgLoader.load(imgRandom);
function onComplete(event:Event):void
imgLoader.x=187.4;
imgLoader.y=218.1;
addChild(imgLoader);
//handle events for info buttons...
information. addEventListener (MouseEvent.CLICK, clickSection);
home. addEventListener (MouseEvent.CLICK, clickSection);
galleries. addEventListener (MouseEvent.CLICK, clickSection);
function clickSection (evtObj:MouseEvent) {
//Trace shows what's happening.. in the output window
trace ("The "+evtObj.target.name+" button was clicked")
//go to the section clicked on...
gotoAndStop (evtObj.target.name)
// this line is causing errors when navigating between the gallery and information buttons
if(this.contains(imgLoader){
removeChild(imgLoader);

Need help with adding images option

I was using the add images option a few weeks ago just fine.. using my tablet and uploading the images via usb. then all of the sudden it stopped working.
please help with this issue.
Danny

A few questions. What result are you experiencing? Did PS Touch crash? Have you tried to force quit-and restart PS Touch? -Guido

Help with exporting images

HI
I have recently shot a wedding with two bodies. Forgot to sync the bodies before hand and so left with images at massively different times. in lightroom i then changed to view by capture time and amended all the wrongly timed images. i am then left with all images in order and looking as i want. I then put them in a catalogue and a collection to be on the safe side and exported both. Whatever i do i see the exported images in my pictures in the same order they were in before i changed the capture time. i have tried to research this until im sick of it. I just cant figure out what is going wrong. Just tried to save to dvd instead and saved but again in the order pre correction? please help

Hi did that this morning . I'm viewing in the exported named file in a
folder on the mac ... I've tried re naming , sort by capture time but the
minute I export , the exported file looks just the same as before I made
the capute time amendments .
Thanks
Kim

Beginner needs help with inserting images in applet.

// Name: Sachit Harish
// Name of Program: HorseRacing
// Date Started: May 15, 2003
// Date Finished: 2003
// Program Description:
import java.awt.*;
import java.applet.*;
public class HorseRacing extends Applet
//     Button startGameButton;
     InputField betAmountBox;
     Image redHorse; //<---------//
//     Button[] drawings = new Button[4];
//    String[] labels = {"Face", "Cheese", "Stick", "Mashed Potatoes"};
    // Method Name: init()
    // Parameters Passed: None
    // Data Returned: None
    // Method Purpose: Where we initialise the InputBoxes and colors.
    public void init()
      //     startGameButton=new Button("Click to Start Game");
      //     add(startGameButton);
      /* for(int i=0; i<drawings.length; i++)
             drawings=new Button (labels[i]);
     add(drawings[i]);
inputBoxes();
setBackground(Color.gray); //background color
setForeground(Color.black); //input field text color
redHorse = getImage(getCodeBase(), "horse_red.GIF"); //<---------//
// Method Name: paint()
// Parameters Passed: Graphics variable screen
// Data Returned: None
// Method Purpose: Where the programs calls and collects all the methods.
//                         If high and low are not integers, an error message
//                         appears.
public void paint(Graphics screen)
     //screen.drawString("HORSE RACES!!!!!", 40,60);
     //startGameButton.move(50,300);
     betAmountBox.setPosition(115,200);
     startGame();
     if(betAmountBox.isInt())
          int betAmount=getBetAmount();
     else
screen.drawString("ERROR: You have not entered an Integer!", 10,110);
screen.drawString(" Please correct your mistake.", 40,125);
     /*int xPos=10;
     int yPos=10;
     for(int i=0; i<drawings.length; i++)
          drawings[i].move(xPos,yPos);
          xPos+=60;
     screen.drawString("Click each button and get a surprise!", 10,50);*/
// Method Name: inputBoxes()
// Parameters Passed: None
// Data Returned: None
// Method Purpose: Where we initialise the inputboxes, set the size of
// the InputField and adds it to the screen. Also
// initialises the InputField to start with 1's
void inputBoxes()
betAmountBox = new InputField(5);
add(betAmountBox);
betAmountBox.initialise(50);
// Method Name: getBetAmount()
// Parameters Passed: Variable number
// Data Returned: None
// Method Purpose: Returns the variable number back to the paint()
int getBetAmount()
int betAmount=betAmountBox.toInt();
return betAmount;
// Method Name: action()
// Parameters Passed: Event variable evt, Object varible obj
// Data Returned: Variable true
// Method Purpose: This block responds when the user takes an action
// (such as hitting the return key). It causes the paint
// block to be done again
public boolean action(Event evt, Object arg)
Graphics screen=getGraphics();
if(evt.target instanceof Button)
     if(arg=="Click to Start Game")
          screen.clearRect(0,0,600,600);
          startGame();
/*if(evt.target instanceOf Button)
               if(arg=="Face")
                    screen.clearRect(5,55,400,400);
                    faceDrawing();
               else if (arg=="Cheese")
                    screen.clearRect(5,55,400,400);
                    cheeseDrawing();
               else if (arg=="Stick")
                    screen.clearRect(5,55,400,400);
                    stickDrawing();
               else if (arg=="Mashed Potatoes")
                    screen.clearRect(5,55,400,400);
                    potatoeDrawing();
return true;
void startGame()
Graphics screen=getGraphics();
          //Horse Racing Box
          screen.drawRect(10,10,505,120);
          screen.drawLine(60,10,60,130);
          screen.drawLine(10,40,515,40);
          screen.drawLine(10,70,515,70);
          screen.drawLine(10,100,515,100);
          screen.setColor(Color.red);
          screen.fillRect(11,11,49,29);
          screen.setColor(Color.yellow);
          screen.fillRect(11,41,49,29);
          screen.setColor(Color.blue);
          screen.fillRect(11,71,49,29);
          screen.setColor(Color.orange);
          screen.fillRect(11,101,49,29);
          screen.setColor(Color.black);
          //Betting Box
          screen.drawRect(10,150,280,100);
          screen.drawLine(10,185,290,185);
          screen.drawLine(80,150,80,185);
          screen.drawLine(150,150,150,185);
          screen.drawLine(220,150,220,185);
          screen.setColor(Color.red);
          screen.fillRect(11,151,69,34);
          screen.setColor(Color.yellow);
          screen.fillRect(81,151,69,34);
          screen.setColor(Color.blue);
          screen.fillRect(151,151,69,34);
          screen.setColor(Color.orange);
          screen.fillRect(221,151,69,34);
          screen.setColor(Color.black);
          screen.drawString("BET = ", 40,230);
screen.drawImage(redHorse, 200,200,300,300,this); //<---------//
The picture an't showing up... why? First time trying to insert images. (I made arrows where I did stuff with the image.)
-sachit

BTW, ignore the buttons and stuff. I just quickly grabbed this file from an earlier button program. :p
-sachit

Help with background image center position in firefox

See here on
firefox<<<
i dont know whats going wrong, i tried many different ways
with divs only but doesnt work...
any help appreciated...
css
/* CSS Document */
body {
background-image:url("resources.jpg");
background:url("resources.gif") no-repeat center;
.textstyle01res {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:62%;
color:#FFFFFF !important;
text-align:center;
padding-top:360px;
text-decoration:none;
.textstyle01res a {
color:#FFFFFF !important;
text-align:center;
padding-top:360px;
text-decoration:none;
html
<!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=iso-8859-1" />
<link href='res.css' rel="stylesheet" type="text/css"
media="screen" />
<title>Feast of Marriage - Resources</title>
<style type="text/css">

</style>
</head>
<body>
<div style="width:940px; height:140px;">
</div>
<div style="padding-left:227px;" align="center">
<table width="200" border="0">
<tr>
<td><img src="res-a.jpg" border="0"
alt=""/></td>
</tr>
</table>
</div>
</body>
</html>

css:
table#centerTable {
margin-left: auto;
margin-right: auto;
html:
<body>
<div style="width:940px; height:140px;"></div>
<table id="centerTable" width="200" border="0">
<tr>
<td><img src="res-a.jpg" border="0"
alt=""/></td>
</tr>
</table>
</body>
Lampros_uk wrote:
>
http://www.3ddream.net/feast/resources.html<<<
> i dont know whats going wrong, i tried many different
ways with divs only but
> doesnt work...
> any help appreciated...
>
> css
> /* CSS Document */
>
>
> body {
> background-image:url("resources.jpg");
> background:url("resources.gif") no-repeat center;
> }
>
> .textstyle01res {
> font-family:Verdana, Arial, Helvetica, sans-serif;
> font-size:62%;
> color:#FFFFFF !important;
> text-align:center;
> padding-top:360px;
> text-decoration:none;
> }
> .textstyle01res a {
> color:#FFFFFF !important;
> text-align:center;
> padding-top:360px;
> text-decoration:none;
> }
> --------------
>
> html
> <!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=iso-8859-1" />
> <link href='res.css' rel="stylesheet" type="text/css"
media="screen" />
> <title>Feast of Marriage - Resources</title>
> <style type="text/css">
> 
> </style>
> </head>
> <body>
> <div style="width:940px; height:140px;">
> </div>
>
>
> <div style="padding-left:227px;" align="center">
> <table width="200" border="0">
> <tr>
> <td><img src="res-a.jpg" border="0"
alt=""/></td>
> </tr>
> </table>
> </div>
> </body>
> </html>
>
>

Help with positioning text links over image

I'm creating a five page site with a different background
color for each horizontal nav bar. I created a solid color graphic
(780 x 30) and inserted it into my div. I now want to place my text
links over the graphic but I can't seem to do it. It keeps
appearing underneath. Someone recommended using a table and I'm
wondering if this would be easier.
Thanks!

You have to use the image as a background image in your
'navcontainer' <div>
#navcontainer {
background-image: url(images/nav_services.gif);
background-repeat: no-repeat;
If you actually insert the image into the page, as you have
done, it
WILL push the text links down because its ABOVE them on the
page.
Ruby7829 wrote:
> I'm creating a five page site with a different
background color for each
> horizontal nav bar. I created a solid color graphic (780
x 30) and inserted it
> into my div. I now want to place my text links over the
graphic but I can't
> seem to do it. It keeps appearing underneath. Someone
recommended using a
> table and I'm wondering if this would be easier.
>
> Thanks!
>
> <div id="navcontainer"><img
src="images/nav_services.gif" />
> <ul id="navlist">
> <li id="active"><a href="test_index.html"
id="current">Home</a></li>
> <li><a
href="test_services.html">Services</a></li>
> <li><a
href="test_faq.html">FAQ</a></li>
> <li><a
href="test_testimonials.html">Testimonials</a></li>
> <li><a
href="javascript">Contact</a></li>
> </ul>
> </div>
>
>
> #navcontainer ul
> {
> text-align: center;
> padding: 0px 0px;
> margin: 0;
> color: white;
> width: 100%;
> line-height: 18px;
> }
>
> #navcontainer ul li
> {
> display: inline;
> padding-left: 0;
> padding-right: 0;
> padding-bottom: 5px;
> /* matches link padding except for left and right */
> padding-top: 5px;
> }
>
> #navcontainer ul li a
> {
> padding-left: 10px;
> padding-right: 10px;
> padding-bottom: 5px;
> padding-top: 5px;
> color: white;
> text-decoration: none;
> }
>
> #navcontainer ul li a:hover
> {
> color: #CCCC99;
> }
>

Help with positioning images

Similar Messages

Maybe you are looking for