Help with image in dreamweaver

i am building a page which has on the left a div containing an image and navigation. and on the right there is another div with content. everything adjusts to the size of the browser window except the image. how do i make the image scale also?

If your container has a width in %, add one of these rules to your CSS code.
/**This re-scales images to any size browser width**/
img {width:100%}
/**this re-scales images up to the native file size only**/
img {max-width:100%}
Also remove height and width attributes from your <img> HTML code. Otherwise this won't work.
Nancy O.

Similar Messages

Help with image ready on ps3 extended

I am pretty new to photo shop and have cs3 extended.
I have a Yorkie website where I cut out my Yorkies and paste them to differnet backgrounds.... a lady that does the ANIMATED pictures HAS DID A COUPLE FOR ME ....BUT I NEED TO LEARN TO DO THIS MYSELF. She will not tell folks how to do:)
The problem is once you work with a pic that is animated already then try to add a dog.....by pasting....it removes the animation in the background pic.... and the picture no longer moves once the dog is added ?....She said she puts thru IMAGE READY...which I do not see anywhere on CS3 extended. I will try to insert a pic she did for me and any help would be greatly appreciated....as I can do but then the picture is no longer animated once altered in my photoshop but she is doing somehow.....so has to be poss ? If I were to do this pic it would stop moving once the dogs were added....plus not as good as her but practicing........could it be the fact she is doing in layers and I am doing copy and paste...I do know she puts thru Image ready and I do not know where this is located on cs3 extended or how to do?
am

well...........l when I try to open Gif with the import and chose the video frames to layers...am getting a message saying I need Quicktime 7.1 to be able to do??? and when selecting import that is the only option I have to open my animated picture?...YOU HAVE BEEN SO MUCH HELP! THANK YOU SO MUCH...!
BLUE MONDAY EXCLUSIVES
Date: Sat, 17 Apr 2010 20:23:27 -0600
From: [email protected]
To: [email protected]
Subject: Re: Help with image ready on ps3 extended
I'm not sure anyone mentioned this but if not to open GIFs using the import you have to enter the GIF name as GIF isn't listed as one of the options.
It sounds like you are viewing the images in a maximized screen mode. To view more than one document, press F to cycle through the screen modes. FYI, only the contents of the currently selected document can be viewed in the layers palette.
I'll just talk about copy/paste so as not to confuse...
If you are going to copy/paste, click the frame around the dog document to target it. Your layers palette will now contain the contents of the dog document. Click on the layer in the layers palette with the selected dog over transparency. With that layer highlighted in your layers palette, press Ctrl A; then Ctrl C. (Select<Select All; Edit<copy if you prefer using the menu.) This will copy that layer into your clipboard.
Next, click the frame of the document containing the animation. Click the topmost layer in the layers palette because we want you dog to be in the top layer. Press Ctrl + V. (Edit<Paste if you prefer using the menu).
Your dog is most likely going to be too big. Use Edit<Free Transform to size and move the dog to the desired location.
At this point, your dog should be showing in each frame in the animation palette.
Example:
http://forums.adobe.com/servlet/JiveServlet/downloadImage/25315/with-palettes-open.jpg
I'm using the older Image Ready me method. The highlighted place in the palette is where you switch methods between the old method and the new timeline. Notice, I have the layers and animation palette both in the workspace...and I'm not in a maximized mode. The red arrow shows the correlation between the frame and the layer represented by it in the layers palette.
Image:second-image.jpg
Here I have a second image to slip into my animation. I have the creature selected and on it's own layer with transparency around it. Notice that the the layer with the isolated creature is highlighted. At this stage, I'll press Ctrl + A; then Ctrl + C to select and save this image to my clipboard.
Image:creature-added.jpg
Here, I've pasted (Ctrl + V or Edit<Paste) in my creature and resized it (Ctrl + T or Edit<free transform) so he can be jumped. I also added a shadow under my creature which I added to a layer under my creature. Notice that when Frame on is selected in the animation palette that the eye is on both the creature and the shadow. If I click the eye to turn them (creature and shadow layer) off, they disappear from the entire animation. I can make them appear at any frame by clicking the desired frame in the animation then turning on the eye icon for the creature and shadow layer in the layers palette. I can also adjust opacity if desired.
You could even more than the one image if you want the dog to appear to move. Use the eyeball visibility to determine which pose will be used for that frame.
Example:
Image:jump-creature-gif.gif
Here, I used transform warp to adjust the pose of the creature for a few frames as he's jumping the creature...just for fun.
>

Help with images in Spry menus

I need help making this work: I want my menu buttons and
submenu buttons to be images rather than text. I've been able to
set it up to use different images for each of the main and
sub-level buttons, but only for the active state. I cannot figure
out how to use a different set of "hover images" for the hover
state. Note-- Each button and submenu button in the entire menu are
different images, so I suspect I need to use different ID's for
each, but I am not sure how to set that up in the
SpryMenuBarHorizontal.css file for each different button in, at
least, the active and hover states. Can anyone offer some help with
this?:

V1 - Thank you for the suggestion, but this does not exactly
solve my dilemma. In its simplest terms, this is what I want to do:
Create a single drop-down menu where there is "Item 1" with
submenus "Item 1.1", "Item 1.2", and "Item 1.3". But, I want to use
different images for each item and subitem in their Active and
Hover states. So, in this example, there would be 8 different
images... An Active and a Hover image for each of Item 1, Item 1.1,
Item 1.2 and Item 1.3.

[CS3][JS] Help with image resizing

I'm still a newbie of ID scripting.
I'm using js scripting in Indesign CS3 to make an auto-impaginator and I have a problem with images.
I charged my contents from an xml set of tables, that I put into a fixed textFrame of the master page.
Because of the table needs to fill multiple pages, I made a function that keep creating pages and link the textFrames so that the table continues in various pages.
In this whole process I have some images too, that I need to resize them to fill the cell, because now they pass the parent cell.
I found a method that looks at the bounds and resizes the image and the rectangle too, but it doesn't work always, because if a image is overflowing, it hasn't any bound and it fails, and this causes other problems in my process, so I would find another method.
So:
Is there another way to resize an image on-the-way while importing it? Some xml attribute or preference?
Or some method that works also if the image is overflowing?

These forums are pointless. Adobe must believe that other users will cut the mustard. Absolutely a waste of effort for everyone. Adobe should PAY at least a junior developer involved in the projects to monitor and help with these posts. FLEX rules yeah and thousands more do scripting than develop plug ins...
Come on Adobe, step up your better than this. Customer Service can be free to the customers ... we are not talking about GET IT ALL FREE, talking about buy it and create a community and support it, but then again LAYERS and INDESIGN SECRETS have people who actually want to help users rather than rabbit hole everything.
Please join hands and SING...

Urgent Help with Image Gallery

Hi,
I really need help with an image gallery i have created. Cannot think of a resolution
So....I have a dynamic image gallery that pulls the pics into a movie clip and adds them to the container (slider)
The issue i am having is that when i click on this i am essentially clicking on all the items collectively and i would like to be able to click on each image seperately...
Please see code below
var xml:XML;
var images:Array = new Array();
var totalImages:Number;
var nbDisplayed:Number = 1;
var imagesLoaded:int = 0;
var slideTo:Number = 0;
var imageWidth = 150;
var titles:Array = new Array();
var container_mc:MovieClip = new MovieClip();
slider_mc.addChild(container_mc);
container_mc.mask = slider_mc.mask_mc;
function loadXML(file:String):void{
var xmlLoader:URLLoader = new URLLoader();
xmlLoader.load(new URLRequest(file));
xmlLoader.addEventListener(Event.COMPLETE, parseXML);
function parseXML(e:Event):void{
xml = new XML(e.target.data);
totalImages = xml.children().length();
loadImages();
function loadImages():void{
for(var i:int = 0; i<totalImages; i++){
var loader:Loader = new Loader();
loader.load(new URLRequest("images/"+String(xml.children()[i].@brand)));
images.push(loader);
//      loader.contentLoaderInfo.addEventListener(ProgressEvent.PROGRESS,onProgress);
     loader.contentLoaderInfo.addEventListener(Event.COMPLETE,onComplete);
function onComplete(e:Event):void{
imagesLoaded++;
if(imagesLoaded == totalImages){
createImages();
function createImages():void{
for(var i:int = 0; i < images.length; i++){
var bm:Bitmap = new Bitmap();
bm = Bitmap(images[i].content);
bm.smoothing = true;
bm.x = i*170;
container_mc.addChild(bm);
      var caption:textfile=new textfile();
      caption.x=i*170; // fix text positions (x,y) here
   caption.y=96;
      caption.tf.text=(xml.children()[i].@brandname)
      container_mc.addChild(caption);

yes, sorry i do wish to click on individual images but dont know how to code that
as i mentioned i have 6 images that load into an array and then into a container and i think that maybe the problem is that i have the listener on the container so when i click on any image it gives the same results.
what i would like is have code thats says
if i click on image 1 then do this
if i click on image 2 then do something different
etc
hope that makes sense
thanks for you help!

Help with Images Maps,

Hi,
I have an HTML page where an IMG is loaded:
<img src="images/renders/Main_Image.jpeg" alt="Main Image" name="Main_IMG" width="800" height="600" border="0" usemap="#Main_MAP" id="Main_IMG" />
Then I have 4 images maps laid on top of the image:
<map name="Main_MAP" id="Main_MAP">
<area shape="poly" coords="--some numbers--" href="Area1.html" target="_parent" alt="Area1 Button" />
<area shape="poly" coords="--some numbers--" href="Area2.html" target="_parent" alt="Area2 Button" />
<area shape="poly" coords="--some numbers--" href="Area3.html" target="_parent" alt="Area3 Button" />
<area shape="poly" coords="--some numbers" href="Area4.html" target="_parent" alt="Area4 Button"/>
</map>
See Example:
Each area is essentially an invisible button. I want to make it so when the mouse hovers over the areas, I want the background image to display something different. On mouse out of the area, I want the image to go back. When the user clicks the Area, the user is moved to another part of the site.
Area 1 should change Main_Image.jpeg to Main_Image1.jpeg
Area 2 should change Main_Image.jpeg to Main_Image2.jpeg
etc.
I thought I could do this with Images Maps, but I can't figure out how. Is there an easier way? I have Dreamweaver CS4.
Thank you in advance!

Hey CF. Thank you very much for the reply! I thought I was losing my mind trying to figure out a way.
I'll try out the slice and dice approach... where's a turtle when you need one.
Cheers Dude.
S

Help with images.....pliiiizzzzzz

Im new to java and need help inserting images on a GUI! Does anyone have any programs or snippets of code that've done this successfully - preferrably using the GridBagLayout as well as in swing? If you have anything that works well, feel free to send me the entire java file ([email protected]) or just post it!

Just create a JLabel with an image icon and you are able to display any JPEG and GIF image. You might take a look at the following:
http://java.sun.com/docs/books/tutorial/uiswing/components/label.html
Hope this helps,
Pierre

Help with image viewer

Would love some help with this one.. I am new so please bare with me. This app just reads contents of a txt file. What I am trying to add is the ability to display an image inside the program frame with scrolls bars.
import java.awt.*;
import java.awt.event.*;
import javax.swing.*;
import java.io.*;
public class Viewer extends JFrame
   private JMenuBar menuBar;
   private JMenu fileMenu;
   private JMenu fontMenu;
   private JMenuItem newItem;
   private JMenuItem openItem;
   private JMenuItem saveItem;
   private JMenuItem saveAsItem;
   private JMenuItem exitItem;
   private JRadioButtonMenuItem monoItem;
   private JRadioButtonMenuItem serifItem;
   private JRadioButtonMenuItem sansSerifItem;
   private JCheckBoxMenuItem italicItem;
   private JCheckBoxMenuItem boldItem;
   private String filename;
   private JTextArea editorText;
     private JLabel label;
   private final int NUM_LINES = 20;
   private final int NUM_CHARS = 40;
   public Viewer()
      setTitle("Viewer");
      setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
      editorText = new JTextArea(NUM_LINES, NUM_CHARS);
      editorText.setLineWrap(true);
      editorText.setWrapStyleWord(true);
      JScrollPane scrollPane = new JScrollPane(editorText);
      add(scrollPane);
      buildMenuBar();
      pack();
      setVisible(true);
   private void buildMenuBar()
      buildFileMenu();
      buildFontMenu();
      menuBar = new JMenuBar();
      menuBar.add(fileMenu);
      menuBar.add(fontMenu);
      setJMenuBar(menuBar);
   private void buildFileMenu()
      newItem = new JMenuItem("New");
      newItem.setMnemonic(KeyEvent.VK_N);
      newItem.addActionListener(new NewListener());
      openItem = new JMenuItem("Open");
      openItem.setMnemonic(KeyEvent.VK_O);
      openItem.addActionListener(new OpenListener());
      saveItem = new JMenuItem("Save");
      saveItem.setMnemonic(KeyEvent.VK_S);
      saveItem.addActionListener(new SaveListener());
      saveAsItem = new JMenuItem("Save As");
      saveAsItem.setMnemonic(KeyEvent.VK_A);
      saveAsItem.addActionListener(new SaveListener());
      exitItem = new JMenuItem("Exit");
      exitItem.setMnemonic(KeyEvent.VK_X);
      exitItem.addActionListener(new ExitListener());
      fileMenu = new JMenu("File");
      fileMenu.setMnemonic(KeyEvent.VK_F);
      fileMenu.add(newItem);
      fileMenu.add(openItem);
      fileMenu.addSeparator();
      fileMenu.add(saveItem);
      fileMenu.add(saveAsItem);
      fileMenu.addSeparator();
      fileMenu.add(exitItem);
   private void buildFontMenu()
      monoItem = new JRadioButtonMenuItem("Monospaced");
      monoItem.addActionListener(new FontListener());
      serifItem = new JRadioButtonMenuItem("Serif");
      serifItem.addActionListener(new FontListener());
      sansSerifItem =
              new JRadioButtonMenuItem("SansSerif", true);
      sansSerifItem.addActionListener(new FontListener());
      ButtonGroup group = new ButtonGroup();
      group.add(monoItem);
      group.add(serifItem);
      group.add(sansSerifItem);
      italicItem = new JCheckBoxMenuItem("Italic");
      italicItem.addActionListener(new FontListener());
      boldItem = new JCheckBoxMenuItem("Bold");
      boldItem.addActionListener(new FontListener());
      fontMenu = new JMenu("Font");
      fontMenu.setMnemonic(KeyEvent.VK_T);
      fontMenu.add(monoItem);
      fontMenu.add(serifItem);
      fontMenu.add(sansSerifItem);
      fontMenu.addSeparator();
      fontMenu.add(italicItem);
      fontMenu.add(boldItem);
   private class NewListener implements ActionListener
      public void actionPerformed(ActionEvent e)
         editorText.setText("");
         filename = null;
   private class OpenListener implements ActionListener
      public void actionPerformed(ActionEvent e)
         int chooserStatus;
         JFileChooser chooser = new JFileChooser();
         chooserStatus = chooser.showOpenDialog(null);
         if (chooserStatus == JFileChooser.APPROVE_OPTION)
            File selectedFile = chooser.getSelectedFile();
            filename = selectedFile.getPath();
            if (!openFile(filename))
               JOptionPane.showMessageDialog(null,
                                "Error reading " +
                                filename, "Error",
                                JOptionPane.ERROR_MESSAGE);
      private boolean openFile(String filename)
         boolean success;
         String inputLine, editorString = "";
         FileReader freader;
         BufferedReader inputFile;
               label = new JLabel();
                add(label);
         try
            freader = new FileReader(filename);
            inputFile = new BufferedReader(freader);
            inputLine = inputFile.readLine();
            while (inputLine != null)
               editorString = editorString +
                              inputLine + "\n";
               inputLine = inputFile.readLine();
            editorText.setText(editorString);
            inputFile.close();
            success = true;
         catch (IOException e)
            success = false;
         return success;
   private class SaveListener implements ActionListener
      public void actionPerformed(ActionEvent e)
         int chooserStatus;
         if (e.getActionCommand() == "Save As" ||
             filename == null)
            JFileChooser chooser = new JFileChooser();
            chooserStatus = chooser.showSaveDialog(null);
            if (chooserStatus == JFileChooser.APPROVE_OPTION)
               File selectedFile =
                             chooser.getSelectedFile();
               filename = selectedFile.getPath();
         if (!saveFile(filename))
            JOptionPane.showMessageDialog(null,
                               "Error saving " +
                               filename,
                               "Error",
                               JOptionPane.ERROR_MESSAGE);
      private boolean saveFile(String filename)
         boolean success;
         String editorString;
         FileWriter fwriter;
         PrintWriter outputFile;
         try
            fwriter = new FileWriter(filename);
            outputFile = new PrintWriter(fwriter);
            editorString = editorText.getText();
            outputFile.print(editorString);
            outputFile.close();
            success = true;
         catch (IOException e)
             success = false;
         return success;
   private class ExitListener implements ActionListener
      public void actionPerformed(ActionEvent e)
         System.exit(0);
   private class FontListener implements ActionListener
      public void actionPerformed(ActionEvent e)
         Font textFont = editorText.getFont();
         String fontName = textFont.getName();
         int fontSize = textFont.getSize();
         int fontStyle = Font.PLAIN;
         if (monoItem.isSelected())
            fontName = "Monospaced";
         else if (serifItem.isSelected())
            fontName = "Serif";
         else if (sansSerifItem.isSelected())
            fontName = "SansSerif";
         if (italicItem.isSelected())
            fontStyle += Font.ITALIC;
         if (boldItem.isSelected())
            fontStyle += Font.BOLD;
         editorText.setFont(new Font(fontName,
                                fontStyle, fontSize));
   public static void main(String[] args)
      Viewer ve = new Viewer();
}I tried using JLabel() but I cant seem to make it work. Whenever i browse and select a .jpg it displays "��t��o\�[��+�p��B3�+�p��B3�"

In the future, Swing related questions should be posted in the Swing forum.
Whenever i browse and select a .jpg it displays "��t��o\�[��+�p��B3�+�p��B3�" You can read in a jpg file and treat it like a text file.
Read the Swing tutorial on [url http://java.sun.com/docs/books/tutorial/uiswing/components/icon.html]How to Use Icons for the proper way to read images.

Need help with session using dreamweaver

have created a login page (php/mysql) with username and
password boxes. when the form is submitted the mainpage loads up.
i want the main page to be specific to that user, so i want
their name to appear in the first line. eg.. Welcome back 'David'
I read a tutorial in the past that tought me to send the
users id in the URL and then create a record set on the mainpage
that was filtered by the URL parameter.
I have forgotten how to do this and the tutorial is no longer
available on Adobe's site.
I tried that with
$_SESSION['MM_Username'] = $loginUsername; \\ in first page
then
echo $_SESSION["MM_username"]; \\in second page, but the
problem is that is not showing user name.
i need help with that please!
can anyone tell me how to do this? Thanks in advance,
AM

IN the second page, you have to make sure that the session
has been started.
Put this at the very top of the page -
<?php if (!isset($_SESSION)) session_start(); ?>
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
==================
"Alidad" <[email protected]> wrote in
message
news:g184i4$jgf$[email protected]..
> have created a login page (php/mysql) with username and
password boxes.
> when
> the form is submitted the mainpage loads up.
>
> i want the main page to be specific to that user, so i
want their name to
> appear in the first line. eg.. Welcome back 'David'
>
> I read a tutorial in the past that tought me to send the
users id in the
> URL
> and then create a record set on the mainpage that was
filtered by the URL
> parameter.
>
> I have forgotten how to do this and the tutorial is no
longer available on
> Adobe's site.
>
> I tried that with
> $_SESSION['MM_Username'] = $loginUsername; \\ in first
page then
> echo $_SESSION["MM_username"]; \\in second page, but
> the
> problem is that is not showing user name.
>
> i need help with that please!
>
> can anyone tell me how to do this? Thanks in advance,
>
> AM
>

Help with image placement in new browser window.

I need help trying to position images that are being opened
in a new browser window. I have created a photo gallery with
thumbnails that are links to the larger image. Ive used the
behaviors panel to open the new image in a new browser window but
the image is always shown at the top left margins of the new
window. Is there a way to 1. center the image in the new window, 2.
change the background color of the new window that opens.
Any help would be appreciated.
Stu

If, as I read it, you are simply opening the image, it will
always be upper
left and cannot be changed. IF you wnat to position it, you
will need to
create a new html page and position your image on that page,
then call the
page, not the image from your thumbnail link.
In Dreamweaver in the command menu try the "Create Web Photo
Album" command.
It will create all of your pages, links and thumbnails for
you. (requires
Fireworks)
Michael Hager
www.cmhager.com
"Stu127" <[email protected]> wrote in
message
news:eo70n5$qo5$[email protected]..
>I need help trying to position images that are being
opened in a new
>browser
> window. I have created a photo gallery with thumbnails
that are links to
> the
> larger image. Ive used the behaviors panel to open the
new image in a new
> browser window but the image is always shown at the top
left margins of
> the new
> window. Is there a way to 1. center the image in the new
window, 2.
> change the
> background color of the new window that opens.
>
> Any help would be appreciated.
> Stu
>

Help With Image In IE

Hello,
I'm having difficulty with one image in IE. I've reviewed all the suggestions in other post although nothing is working. I've converted images from jpg, png. Image is sRGB in photoshop. Not sure what else I can do to get it to resolve. Any help would be greatly appreciated. Thanks
<div class="box4-content">

<img src="image folder/priceimage.png" width="600" height="216" />
<h3>WTH Success Business Opportunity!</h3>

I haven't published the site yet so I can't provide a link. Would it be helpfull to see the complete index file? Underlined and bold is the image I'm having issues with.
<!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>

<title>WTHSuccess</title>
<meta name="Keywords" content="place your keywords here" />
<meta name="Description" content="place a description for your webpage here" />


<meta name="language" content="en-US" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<link href="Site/styles/styles.css" rel="stylesheet" type="text/css" />
<link href="Site/styles/primary.css" rel="stylesheet" type="text/css" />


<style type="text/css">
#column1_wrapper          {width:100%;                     border:0px;}
#left1col                              {width:240px;                    float:left; padding-left:20px;}
#left1pad                              {width:0px;                              float:left;}
#right1col                              {width:0px;                              float:right;}
#right1pad                              {width:0px;                              float:right;}
#center1col                              {margin-left:240px; margin-right:0px;}
#column2_wrapper          {width:100%;                     border:0px;}
#left2col                              {width:33%;                              float:left;}
#left2pad                              {width:0px;                              float:left;}
#right2col                              {width:33%;                              float:right;}
#right2pad                              {width:0px;                              float:right;}
#center2col                              {margin-left:33%;           margin-right:33%;}
#image_rotator_cover                    {background:url('Site/flash/image_rotator/skins/FL_imageRotatorCover.png') no-repeat center top; width:100%; height:246px; margin-left:auto; margin-right:auto;}
</style>


<script type="text/javascript">
// if this page is in:
//   the root folder, then set this variable to ./
//   a sub folder one level deep, then set this variable to ../
//   a sub folder two levels deep, then set this variable to ../../
var flashRootLocation = "./";
var flashConfigLocation = "config";
var flashConfigType = "xml"; // either xml or php
</script>


<script type="text/javascript" src="Site/javascript/special_functions.js"></script>
<script type="text/javascript" src="Site/logo/js/sifr.js"></script>
<script type="text/javascript" src="Site/logo/js/sifr-debug.js"></script>
<script type="text/javascript" src="Site/logo/js/sifr-config.js"></script>
<script type="text/javascript" src="Site/flash/js/swfobject.js"></script>

<script type="text/javascript" src="Site/javascript/jquery.min.js"></script>
<script type="text/javascript" src="Site/javascript/ddsmoothmenu.js">
* Smooth Navigational Menu- (c) Dynamic Drive DHTML code library (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code
</script>






</head>
<body>

<div id="main">

<div id="content1_bg"><div id="content1_wr"><div id="content1_l"></div><div id="content1_r"></div><div id="content1">

<div class="content_bg"><div class="boxc"><div class="btc"><div></div></div><div class="i1c"><div class="i2c"><div class="i3c"><div class="boxc-inner"><div class="boxc-2"><div class="boxc-6"><div class="boxc-4"><div class="boxc-8"><div class="boxc-5"><div class="boxc-7"><div class="boxc-3"><div class="boxc-1"><div class="boxc-content">

<div id="seo_1">

<h1>WTH Success</h1>

</div>


<div id="seo_2">

<h2>Be Your Own Boss! Achieve Financial Freedom, Eternal Security and Happiness!</h2>

</div>




          <div id="columns1"><div id="column1_wrapper">
                    <div id="left1pad"></div>
                              <div id="left1col">
                                        
                                                  
                                                            <div class="whatsnew">
                                                                      <div class="box1"><div class="bt"><div></div></div><div class="i1"><div class="i2"><div class="i3"><div class="box1-inner"><div class="box1-2"><div class="box1-6"><div class="box1-4"><div class="box1-8"><div class="box1-5"><div class="box1-7"><div class="box1-3"><div class="box1-1"><div class="box1-content">
                                                                      
<h3>WhatsNew:</h3>
<h4>First Heading or Title</h4>
<h5>Septermber 16, 1926</h5>
<p>
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the
industry's standard dummy text ever since the 1500s.</p>

                                                                      </div></div></div></div></div></div></div></div></div> </div></div></div></div><div class="bb"><div></div></div></div>
                                                            </div>
                                                  
                                                  
                                                            <div class="currentnews">
                                                                      <div class="box1"><div class="bt"><div></div></div><div class="i1"><div class="i2"><div class="i3"><div class="box1-inner"><div class="box1-2"><div class="box1-6"><div class="box1-4"><div class="box1-8"><div class="box1-5"><div class="box1-7"><div class="box1-3"><div class="box1-1"><div class="box1-content">
                                                                      
<h3>CurrentNews:</h3>
<h4>First Heading or Title</h4>
<h5>Septermber 16, 1926</h5>
<p>
<a href="$_blank_minimized.htm">Lorem Ipsum</a> is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the
industry's standard dummy text ever since the 1500s.
</p>

                                                                      </div></div></div></div></div></div></div></div></div> </div></div></div></div><div class="bb"><div></div></div></div>
                                                            </div>
                                                  
                                                  
                                                            <div class="recentevents">
                                                                      <div class="box1"><div class="bt"><div></div></div><div class="i1"><div class="i2"><div class="i3"><div class="box1-inner"><div class="box1-2"><div class="box1-6"><div class="box1-4"><div class="box1-8"><div class="box1-5"><div class="box1-7"><div class="box1-3"><div class="box1-1"><div class="box1-content">
                                                                      
<h3>RecentEvents:</h3>
<h4>First Heading or Title</h4>
<h5>Septermber 16, 1926</h5>
<p>
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the
industry's standard dummy text ever since the 1500s.</p>

                                                                      </div></div></div></div></div></div></div></div></div> </div></div></div></div><div class="bb"><div></div></div></div>
                                                            </div>
                                                  
                                        
                              </div>
                    <div id="right1pad"></div>
                              <div id="right1col">
                                        
                                        
                              </div>
                              <div id="center1col">
                                        
<div class="box4-content">

<img src="image folder/priceimage.png" width="400" height="116" />
<h3>WTH Success Business Opportunity!</h3>
<p><strong><em>What if someone said they can remove all the stress in your every day life? loss of job, medical bills, divorce, debt... what would you do? </em></strong></p>
<p>Welcome to WTH Success network marketing business opportunity. We want to thank you for taking the time to understand how you can secure your financial freedom with this proven and very successful business strategy. </p>
<p> WTH Success offers an "out of the box" home business opportunity where<strong><u> YOU GET PAID</u></strong> commission plus bonus opportunity for every distributor you sign up! The sky is the limit on how you can grow as a distributor and income you can earn! <em><strong>Ask yourself what could you do with extra income each month? $1000, $2000, $5,000, $10,000...?</strong></em></p>
<p>WTHSuccess is a subsidiary of <a href="http://www.winthehunt.com">www.winthehunt.com</a> a penny auction website where you can win merchandise for pennies on the dollar. Many WTHSuccess distributors use their bids purchased through the business on the penny auction site to pay for items needed in every day life. As a distributor you have the ability to purchase bids and either use them yourself or hand them out to other potential distributors. There is a great benefit to being a member as you can win many of the items offered through the penny auction site such as giftcards for gas, retailers, restraunts, or other great merchandise on top of commissions.</p>
<p>WTHSuccess allows you the opportunity to earn money all while winning great items on winthehunt.com. What better way to achieve financial freedom while getting your every day needs such as gas and groceries virtually free!</p>
<p>To understand more about the program and to become an active distributor click on the <a href="HowItworks.htm">How It Works</a> link at the top of the page and learn how you can start earning money today! </p>
<p><img src="image folder/join button.jpg" width="160" height="100" align="absmiddle" /></p>
<p> </p>
<h4>Listen to the below testimonial:</h4>
<p><object type="application/x-shockwave-flash" width="500" height="429"
data="http://www.youtube.com/v/fYzuuAkeVvE?fs=1&hl=en_US&rel=0"><param name="movie" value="http://www.youtube.com/v/fYzuuAkeVvE?fs=1&hl=en_US&rel=0"/><param name="wmode" value="transparent" /></object> </p>
<p> </p>
<h6> </h6>
<p> </p>
<h3> </h3>
<p> </p>
</div>
<p> </p>
                                        
                              </div>
          </div></div>
<div class="clear"> </div>


</div></div></div></div></div></div></div></div></div></div></div></div></div><div class="bbc"><div></div></div></div></div>

</div></div></div>

<div id="content2_bg"><div id="content2_wr"><div id="content2_l"></div><div id="content2_r"></div><div id="content2">


<p> </p>


          <div id="columns2"><div id="column2_wrapper">
                    <div id="left2pad"></div>
                              <div id="left2col">
                                        
                                        
                              </div>
                    <div id="right2pad"></div>
                              <div id="right2col">
                                        
                                        
                              </div>
                              <div id="center2col">
                                        
                                        
                              </div>
          </div></div>
<div class="clear"> </div>



</div></div></div>

<div id="header_bg">
          <div id="header_wr"><div id="header_l"></div><div id="header_r"></div><div id="header">



                                        
                                        <div id="themed_icons">
                                        
<div class="icon_wrapper">
<a href="index.htm">                              <img alt="icon1" title="Colins Place"                               src="Site/themed_images/themed_icon1.png" width="40" height="40" id="icon1" style="border:0px;" /></a>
<a href="contact.htm">                    <img alt="icon2" title="contact"                     src="Site/themed_images/themed_icon2.png" width="40" height="40" id="icon2" style="border:0px;" /></a>
<a href="sitemap.htm">                    <img alt="icon3" title="sitemap"                     src="Site/themed_images/themed_icon3.png" width="40" height="40" id="icon3" style="border:0px;" /></a>
<a href="faqs.htm">                              <img alt="icon4" title="faqs"                               src="Site/themed_images/themed_icon5.png" width="40" height="40" id="icon4" style="border:0px;" /></a>
<a href="contact.htm">                    <img alt="icon5" title="photo gallery"           src="Site/themed_images/themed_icon4.png" width="40" height="40" id="icon6" style="border:0px;" /></a>
</div>
</div>
                                        
                                        
                                        <div id="themed_object">
                                        
</div>
                                        
                                        
                                        <div id="themed_object2">
                                        
</div>
                                        
                                        
                                        <div id="logo">
                                         



</div>
                                        
                                        
                                        <div id="textlogo">
                                        
<p><a href="index.htm">WTH Success</a></p>
<p> </p>
</div>
                                        
                                        
                                        
                                        <script type="text/javascript">ddsmoothmenu.init({mainmenuid: "smoothmenu1", orientation: 'h', classname: 'ddsmoothmenu', contentsource: "markup" })</script>
                                        <div id="menu_top"><div id="smoothmenu1" class="ddsmoothmenu">
                                        
<ul>
          <li><a href="index.htm">Home</a></li>
          <li><a href="services.htm">How It Works</a></li>
          <li><a href="services.htm">Getting Paid</a></li>
            <li><a href="contact.htm">Contact Us</a></li>
            <li><a href="index.htm">Join</a></li>
            <li><a href="index.htm">Login</a></li>
</ul>
<br style="clear: left" /></div></div>
                                        
                                        
                                        
                                        
                                        <div id="mp3_component">
                                        
<script type="text/javascript">
                              var flashvars            = {};
                              flashvars.configLocation = flashConfigLocation;
                              flashvars.playMusic                     = playMusic;
                              var params               = {};
                              params.play              = "true";
                              params.loop              = "true";
                              params.quality           = "high";
                              params.scale             = "showall";
                              params.wmode             = "transparent";
                              params.devicefont        = "false";
                              params.swliveconnect     = "false";
                              params.allowfullscreen   = "false";
                              params.allowscriptaccess = "sameDomain";
                              params.base              = flashRootLocation + "Site/flash/";
                              var attributes   = {};
                              attributes.id    = "flashheader";
                              attributes.name = "mp3";
                              attributes.align = "middle";
                              swfobject.embedSWF(flashRootLocation + "Site/flash/mp3.swf", "headerDivmp3", "296", "67", "9.0.0", flashRootLocation + "Site/flash/js/expressInstall.swf", flashvars, params, attributes);
                    </script>

<div id="mp3_wrapper"><div id="mp3"><div class="mp3">
          <div id="headerDivmp3" style="width:296px; height:67px;">
                              <a href="http://www.adobe.com/go/getflashplayer">
                                        <img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" />
                              </a>
          </div>
</div></div></div>

</div>
                                        
                                        
                                        <div id="twitter-facebook">
                                        
<div>
<a href="http://www.facebook.com/winthehunt/">          <img alt="follow me on facebook"           title="Facebook"           src="Site/themed_images/facebook_badge.png"                     width="36" height="36" style="border:0px;" /></a>
<a href="http://www.twitter.com/#!/winthehunt">          <img alt="tweet me"                                         title="Twitter"           src="Site/themed_images/t_logo-a.png"                               width="36" height="36" style="border:0px;" /></a>
</div>
</div>
                                        

          </div></div></div>


                                        
                                        <div id="image_rotator_wrapper"><div id="image_rotator_component">
                                        
<script type="text/javascript">
                              var flashvars            = {};
                              flashvars.configLocation = flashConfigLocation;
                              flashvars.configType = flashConfigType;
                              var params               = {};
                              params.play              = "true";
                              params.loop              = "true";
                              params.quality           = "high";
                              params.scale             = "showall";
                              params.wmode             = "transparent";
                              params.devicefont        = "false";
                              params.swliveconnect     = "false";
                              params.allowfullscreen   = "false";
                              params.allowscriptaccess = "sameDomain";
                              params.base              = flashRootLocation + "Site/flash/";
                              var attributes   = {};
                              attributes.id    = "flashheader";
                              attributes.name = "image_rotator";
                              attributes.align = "middle";
                              swfobject.embedSWF(flashRootLocation + "Site/flash/image_rotator.swf", "headerDivimage_rotator", "1680", "244", "9.0.0", flashRootLocation + "Site/flash/js/expressInstall.swf", flashvars, params, attributes);
                    </script>

<div id="image_rotator_wrapper"><div id="image_rotator"><div class="image_rotator">
          <div id="headerDivimage_rotator"><img src="Site/themed_images/image_rotator1.jpg" alt="Welcome Image" style="border:0px;" />          </div>
<div id="image_rotator_cover_wrapper"><div id="image_rotator_cover"></div></div>
</div></div></div>

</div></div>
                                        


<div id="footer_bg"><div id="footer_wr"><div id="footer_l"></div><div id="footer_r"></div><div id="footer">

<div class="footer_bg"><div class="boxf"><div class="btf"><div></div></div><div class="i1f"><div class="i2f"><div class="i3f"><div class="boxf-inner"><div class="boxf-2"><div class="boxf-6"><div class="boxf-4"><div class="boxf-8"><div class="boxf-5"><div class="boxf-7"><div class="boxf-3"><div class="boxf-1"><div class="boxf-content">
                               

<div class="footer_wrapper" style="width:100%; text-align:center;">
<p> </p>
<p>Copyright 2012.WinTheHunt, LLC. All Rights Reserved.</p>
<p>
          <a href="index.htm">Home</a> |
          <a href="TermsandConditions.htm">Terms</a> |<a href="services.htm">Getting Paid</a>| <a href="contact.htm">Contact </a>|
          <a href="privacy.htm">Privacy</a> |
          <a href="sitemap.htm">Sitemap</a>
</p>
</div>
                              
</div></div></div></div></div></div></div></div></div></div></div></div></div><div class="bbf"><div></div></div></div></div>

</div></div></div>

</div>


<div id="adsense"><div id="adsense_wrapper">

</div></div>

<div id="special1">
                    <p> </p>
                                        </div>


<div id="special2">
                    <p> </p>
                                        </div>

</body>

</html>

Help with image query and display

I want to show clients a few proofs. I've created a dropdown
list of Projects. That calls a CFC query to search for the related
image names within the DB. The images are stored locally/within my
Flex Application File Folder Structure. After querying the DB I
need it to return the list of images, and then display them from
the folder location. Can this be done and how? So far I can't even
get my CFC to return an Alert.show(imageList).toString(); So... I
missing something somewhere. I had to change the returntype to
query... but I've got a variable set as an imageList:image;??? Any
help or comments would be greatly appreciated!

The validator gives sound information about most
non-compliant code. For
example, the No Doctype error is an easy fix, and will
eliminate many of the
others.
Have you done anything to fix the problems ? Take the errors
one at a time
and please let us know each one you have difficulty with. You
will have to
learn some CSS to resolve some of the "errors".
"rachel_c" <[email protected]> wrote in
message
news:fj9gkv$pv4$[email protected]..
> Hello all,
> Would anyone help me in correcting the error codes on my
internet site :
>
http://jeanmichel.labarre1.free.fr
>
> I have had a look to recommendations about using the
>
http://validator.w3.org/
> but I have absolutely no idea of what changes I must
make in the code.
> I have used dreamweaver 8 and do not know much about
coding.
> The problems I encounter is that the display is
incorrect in netscape,
> mozilla... (lots of space in between text) whereas it
appears correctly in
> IE 6.
>
> Thanks a lot for your time!
> Rachel
>
>

Help with aspx in dreamweaver - browser compliance... IE9

hi,
creating a site using .aspx and includes. have an issue with cross browser compatiblity with IE9. the left hand menu is overlapping the main content container. any help is appreciated:
CSS for layout:
/* Layout CSS Document */
/* This document contains the CSS rules that control the basic structure of the CS website. This includes CSS normalization, element display and positioning, widths and heights in the liquid layout, menu design and background images. If you do not know what you are doing, then changing these CSS rules below will likely break the layout of the website. See the general.css file for rules that can be more easily changed. */
/***** NORMALIZATION CSS *****/
/* This section overrides all default browser CSS styles, ensuring that the site looks the same across all browsers. */
/* Normalizes margin and padding spacing across all elements */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td
margin: 0;
padding: 0;
/* Normalizes font-sizes for headers and paragraphs*/
h1, h2, h3, h4, h5, h6, p
font-size: 100%;
/* Removes list-styles from lists */
ol,ul
list-style: none;
/* Normalizes font-style and font-weight to normal */
address, caption, cite, code, dfn, em, strong, th, var
font-style: normal;
font-weight: normal;
/* Removes list-style from lists */
table
border-collapse: collapse;
border-spacing: 0;
/* Removes border from form groups (fieldsets) and image tags */
fieldset, img
border: 0;
/* Left-aligns text in caption and table headings */
caption, th
text-align: left;
/* Removes quotation marks from quotation tags */
q:before, q:after
content: '';
/***** /NORMALIZATION CSS *****/
/***** PAGE STYLES *****/
/* (NOTE: the text-align:center style atached to the HTML tag here is being used as part of a centering trick for older browsers. It is corrected for in the body tag below.) */
html
text-align: center; /* A centering trick for older browsers that causes them to center the web page in the middle of the screen */
/* styles on the body tag become the default CSS for all other HTML tags on the page */
body
position: relative; /* keeps all absolutely positioned elements within their parent element */
width: 100%; /* sets the width of the website to the full browser window (liquid layout) */
text-align: left; /* Prevents the text-align:center command (on the html tag above) from centering all text on the website */
min-width: 990px; /* do not allow the area to shrink less than this (720) */
/***** PAGE STYLES *****/
/*** HEADER STYLES ***/
/* the header centered in the page at a fixed width, with a background image behind it */
div#header /* the header (title area) at the top of the page */
position:relative; /* used to keep h1#title inside the header div */
width: 601px; /* sets the width of the header to match the size of the header image */
height: 72px; /* sets the height of the header to match the size of the header image */
margin: 20px auto; /* keeps the header centered on the page */
background-color: transparent; /* ensures that the background color will be visible behind the transparent parts of the PNG image */
background-image: url(../images/header_square.png); /* image for header (the rounded rectangle at top) */
background-repeat: no-repeat; /* prevents the background image from being tiled */
/* the site title is positioned over the round background Chicago Booth image */
h1#title /* the Computing Services title at the top of the site */
display: block; /* puts the title in an invisible box that it is easier to manipulate with CSS */
position: absolute; /* allows one to set the exact psoition of the name inside the header */
top: 17px; /* moves the title 18 pixels in from the top of the header */
right: 20px; /* moves the title 15 pixels in from the right side of the header */
z-index: 1; /* keeps the title visible above the header image */
/*** HEADER STYLES ***/
/***** LINKS MENU STYLES *****/
/* the links menu bar spreads across the top of the content area */
div#groupLinks /* the div that holds the links menu */
border: solid 3px #CCCCCC; /* sets the line, thickness and color (gray) for the borders of the links menu */
margin-left: 252px; /* makes room for the CS navigation menu */
height: 30px; /* sets the height of the link bar */
/* links in the menu bar are centered in the page */
div#groupLinks ul /* list that makes up the actual navigation menu, it is placed inside the groupLinks div (above) */
display: block; /* puts the list in an invisible box that it is easier to manipulate with CSS */
margin-left: 20px; /* distance from side menu and link bar text */
text-align:left; /* keeps the list centered on the page */
/* links in the menu bar are inline and vertically centered in the page */
div#groupLinks ul li /* styles the individual items in the navigation menu */
display: inline; /* displayes menu items horizontally across the menu bar, rather than vertically like a traditional list */
padding: 0px 10px 0px 10px; /* padding around the individual menu items */
line-height: 30px; /* NOTE: This must match the height of the link bar to keep the text vertically centered! */
height: 30px; /* sets the height of the links */
/* the group links menu title is removed (for screen readers only) */
div#groupLinks h3 /* this h3 text is in the HTML for handicap accessibility, the following css trick will hide it */
position: absolute; /* allows me to set the exact psoition of the h3 text inside the page */
top: -9999px; /* push the h3 text far outside the top of the screen */
/***** /LINKS MENU STYLES *****/
/***** AV MENU STYLES *****/
/* on some pages, the AV menu bar spreads across the top of the content area, below the main menu bar */
div#avLinks /* the div that holds the AV links menu */
border: solid 3px #CCCCCC; /* sets the line, thickness and color (gray) for the borders of the links menu */
border-top: none; /* removes (extra) top border */
margin-left: 252px; /* makes room for the CS navigation menu */
height: 30px; /* sets the height of the link bar */
/* links in the menu bar are centered in the page */
div#avLinks ul /* list that makes up the actual menu, it is placed inside the avLinks div (above) */
display: block; /* puts the list in an invisible box that it is easier to manipulate with CSS */
margin-left: 20px; /* distance from side menu and link bar text */
text-align:left; /* keeps the list centered on the page */
/* links in the menu bar are inline and vertically centered in the page */
div#avLinks ul li /* styles the individual items in the navigation menu */
display: inline; /* displayes menu items horizontally across the menu bar, rather than vertically like a traditional list */
padding: 0px 10px 0px 10px; /* padding around the individual menu items */
line-height: 30px; /* NOTE: This must match the height of the link bar to keep the text vertically centered! */
height: 30px; /* sets the height of the links */
/* the av links menu title is removed (for screen readers only) */
div#avLinks h3 /* this h3 text is in the HTML for handicap accessibility, the following css trick will hide it */
position: absolute; /* allows me to set the exact psoition of the h3 text inside the page */
top: -9999px; /* push the text far outside the top of the screen */
/* NOTE: This class is used to hide the AV menu on non-AV pages */
div.removeMenu /* class added to the menu on non-AV pages (to hide it) */
position: absolute; /* allows me to set the exact psoition of the h3 text inside the page */
top: -9999px; /* push the text far outside the top of the screen */
display: none; /* also hides the div content from screen readers */
/***** /AV MENU STYLES *****/
/***** NAV MENU STYLES *****/
/* the cs website navigation is to the left of the content, out of the document flow */
div#navCS /* the div that holds the main navigation menu */
position:absolute; /* allows one to set the exact psoition of the menu div on the page while letting the text flow around it */
width: 250px; /* sets the menu width */
top: 92px; /* moves the menu down from the page top */
border: solid 3px #CCCCCC; /* sets the line, thickness and color (gray) for the borders of the menu */
z-index: 10; /* keeps the side menu above other elements of the page (so that the sub-menus stick out properly) */
padding-top: 30px; /* positions the menu just below the black links bar */
/* add extra top padding when on an AV page (to accomodate the AV menu */
div.withAV /* added to the navCS div on AV pages only! */
padding-top: 63px !important; /* repositions the menu just below the second black links bar for AV */
/* the CS website navigation boxes are created for each menu list item */
div#navCS ul li /* styles the individual items in the navigation menu */
display: block; /* puts the menu items in an invisible box so that it is easier to manipulate with CSS */
position:relative; /* ensures that all submenus are positioned relative to their respective menu links */
width: 250px; /* sets the width of the navigation boxes (accomodates padding, below) */
height: 30px; /* sets the height of the navigation menu items */
line-height: 30px; /* NOTE: This must match the height of the menu items to keep the text vertically centered! */
border-top: solid 1px #CCCCCC; /* sets the line, thickness and color (gray) for the top border of the menu boxes */
margin: 0px; /* remove margins from box */
padding: 0px; /* remove margins from box */
/* adds the thick top border above the first menu element */
div#navCS > ul > li:first-child /* the FIRST menu item only! */
border-top: solid 3px #CCCCCC; /* sets the line, thickness and color (gray) for the top border of the menu */
/* the menu title is removed (for screen readers only) */
div#navCS h3 /* this h3 text is in the HTML page for accessibility reasons, the following css trick will hide it */
position: absolute; /* allows me to set the exact psoition of the h3 text inside the page */
top: -9999px; /* push the text far outside the top of the screen */
/* ensures that the submenus are clickable on iOS devices (iPhones, iPad, etc.) */
div#navCS ul li a { /* makes the anchors into invisible boxes */
display: block; /* puts link in a box */
height: 30px; /* specifies height of link (MUST MATCH CONTAINING LI ABOVE!!) */
padding: 0px 7px; /* pads the menu text */
margin: 0px; /* ensures that no extra margins upset the layout */
/***** /NAV MENU STYLES *****/
/***** SUBMENU STYLES *****/
/* navigation submenus are hidden by default, and show as a side menu when hovered over */
/* NOTE: The popup submenus are normally controlled by JavaScript. A backup "nojs" class exists to allow popup menus to be controlled by by CSS when JavaScript is deactivated. */
div#navCS ul li.nojs > div.submenu, /* (no javscript version) */
div#navCS ul li > div.hide /* affects only the submenu div in a menu list */
position: absolute; /* allows me to set the exact psoition of the h3 text inside the page */
top: -9999px; /* push the text far outside the top of the screen */
/* the classes below display the navigation submenu when the parent menu item is hovered over */
div#navCS ul li.nojs:hover > div.submenu, /* (no javscript version) */
div#navCS ul li > div.show /* affects the submenu div when its corresponding menu list item is hovered over */
display: block; /* puts the submenu in an invisible box that it is easier to manipulate with CSS */
position: absolute; /* allows me to set the exact psoition of the submenu in the page without affecting the rest of the main menu (works with "position:relative" on the "div#navCS ul li" item */
background-image: url(../images/arrow.png); /* adds the grey arrow on the side of the menu */
background-position: top left; /* sets the arrow to the top-left of the menu */
background-repeat: no-repeat; /* ensures that only one arrow is shown */
background-color: transparent; /* makes the div transparent so that the submenu is away from the main menu, yet still reachable from the menu */
top: 0px; /* positions the submenu flush with the top of the menu item */
left: 100%; /* positions the submenu just to the left of the main menu */
z-index: 1; /* ensures that the submenu is always visible above the content and links menu (z-index must be added separetely to all child elements) */
div#navCS ul li.nojs:hover > div.submenu ul, /* (no javscript version) */
div#navCS ul li > div.show ul /* affects the submenu list when its corresponding menu list item is hovered over */
display: block; /* puts the submenu in an invisible box that it is easier to manipulate with CSS */
margin-left: 12px; /* pushes the list to the left enough to make room for the background "arrow" image */
border: 3px solid #999999; /* places grey border around submenu */
overflow: hidden; /* prevents long text from stretching the submenu */
padding: 1px 5px 1px 5px; /* adds padding to submenu sides */
z-index: 1; /* ensures that the submenu is always visible above the content and links menu (z-index must be added separetely to all child elements) */
div#navCS ul li.nojs:hover > div.submenu ul li, /* (no javscript version) */
div#navCS ul li > div.show ul li /* affects the submenu list items when its corresponding menu list item is hovered over */
display: block; /* puts the submenu in an invisible box that it is easier to manipulate with CSS */
border-top: 1px dotted #000000; /* adds a border above the menu item */
height: 22px; /* specifies height of menu item */
line-height: 22px; /* vertically centers sub-menu text (MUST BE SAME AS HEIGHT!) */
z-index: 1; /* ensures that the submenu is always visible above the content and links menu (z-index must be added separetely to all child elements) */
/* removes the top border above the first submenu element */
div#navCS ul li.nojs:hover > div.submenu ul li:first-child, /* (no javscript version) */
div#navCS ul li > div.show ul li:first-child /* the FIRST menu item only! */
border-top: none; /* do not place a border in front of the first item */
/* ensures that the submenus are clickable on iOS devices (iPhones, iPad, etc.) */
div#navCS ul li.nojs:hover > div.submenu ul li a, /* (no javscript version) */
div#navCS ul li > div.show ul li a { /* makes the anchors into invisible boxes */
display: block; /* puts link in a box */
height: 22px; /* specifies height of link (MUST MATCH CONTAINING LI ABOVE!!) */
padding: 0px 7px; /* pads the menu text */
margin: 0px; /* ensures that no extra margins upset the layout */
/***** /SUBMENU STYLES *****/
/***** CONTENT STYLES *****/
/* the main content in the center of the page */
div#content /* sets the styles for the main content div */
position: relative; /* used to keep everything that is placed inside the content div, inside the content div */
border: solid 3px #CCCCCC; /* sets the line, thickness and color (gray) for the right border of the content area */
border-top: none; /* removes top border (since links bar already has one */
margin-left: 253px; /* places enough space on the left side of the page to fit the menu */
padding: 40px 0px 20px 0px; /* sets the (top and bottom only) white space around items placed in the content div */
min-height: 200px; /* sets an absolute minimum height for the content div */
/***** /CONTENT STYLES *****/
/***** FAQ AND AV STYLES *****/
/* On the FAQ pages, questions are laid out using a Definition List and displayed using toggleFAQ.js */
/* On the AV facilities pages, sections are laid out using a Definition List and displayed using toggleAV.js */
div#content dl.av dd,
div#content dl.faq dd /* sets the desfult style for the answers in the FAQ and sections in the AV list */
display: block; /* by default, question answers are visible to non-javascript browsers */
div#content dl.av dd.hidden,
div#content dl.faq dd.hidden /* hides the answers (when needed by the javascript) */
position:absolute; /* allows me to set the exact psoition of the text inside the page */
left:-9999px; /* push the text far outside the left of the screen */
/***** /FAQ AND AV STYLES *****/
/***** FOOTER STYLES *****/
/* the footer is in the center of the page */
div#footer /* sets the styles for the footer */
position: relative; /* used to keep things placed inside the footer div, inside the footer div */
margin-left: 252px; /* places enough space on the left side of the page to fit the menu */
height: 30px; /* sets the height of the footer box */
/* the university menu title is removed (for screen readers only) */
div#navUniversity h4 /* this h4 text is in the HTML page for accessibility reasons, the following css trick will hide it */
position: absolute; /* allows one to set the exact psoition of the h4 text inside the page */
left: -9999px; /* push the h4 text far outside the left of the screen */
/* the university menu is displayed inline to the left on the footer*/
div#navUniversity ul /* styles for the university menu in the footer */
position: absolute; /* allows me to set the exact psoition of the menu inside the page */
top: 4px; /* moves the menu 4 pixels in from the top of the footer */
left: 0px; /* moves the menu flush with the left side of the footer */
div#navUniversity ul li /* styles for the university menu in the footer */
display: inline; /* displayes menu items horizontally across the foooter, rather than vertically like a traditional list */
/* add | separators before each menu element */
div#navUniversity ul li:before /* affects the area BEFORE each menu item in the footer */
content: " | "; /* adds a vertical bar character ( | ) before each menu item */
/* do not add a | before the first menu element */
div#navUniversity ul li:first-child:before /* affects the area BEFORE the FIRST menu item in the footer */
content: " "; /* adds nothing before the first menu item (overrides the prior CSS, which adds a line before each item) */
/* the copyright info is to the right of the university navigation */
p#copyright /* styles the copyright paragraph */
position:absolute; /* allows one to set the exact psoition of the copyright inside the page */
top: 4px; /* moves the copyright 4 pixels in from the top of the footer */
right: 6px; /* moves the copyright to the right side of the footer */
/***** /FOOTER STYLES *****/
index:
<%@ Page Language="VB" ContentType="text/html" ResponseEncoding="utf-8" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<%-- The nav_active variable is used to light up the appropriate navigation button --%>
<%
dim nav_active As String
nav_active = "none"
%>
<head profile="http://computing.chicagobooth.edu/includes/metaDataDef.html">
<title>Booth Computing Services</title>


<style type="text/css">
/* <![CDATA[ */
/* PLACE SPECIAL STYLES FOR USE ON THIS PAGE BELOW */
/* ]]> */
</style>
<script type="text/javascript">
/* <![CDATA[ */
/* PLACE SPECIAL SCRIPTS FOR USE ON THIS PAGE BELOW */
/* ]]> */
</script>
</head>


<div id="content">

<h2>Computing Services</h2>
<p>Welcome to Booth Computing Services. Whether you are <a href="faculty.aspx">faculty</a>, <a href="students.aspx">student</a> or <a href="staff.aspx">staff</a>, our goal is to provide you with the highest level of information technology to help you achieve excellence. We provide networking services, application services, training and more, all of which you can learn about through our website.</p>
<p>We welcome your comments and suggestions for how we can improve the computing environment at Chicago Booth to better suit your needs. Please feel free to review our <a href="helpdesk/stats.aspx">Customer Satisfaction Survey</a> or <a href="contact.aspx">contact us</a> with any feedback you would like to share.</p>

</div>


menu CSS
/* Listmenu CSS Document */
/* This document contains the CSS rules for the alphabetical list menu which appears on the tools.asp page. This document styles the HTML generated by the IHWY jQuery Listmenu Plugin (v1.1, 5/24/2010).
For more information, visit: http://www.ihwy.com/Labs/jquery-listmenu-plugin.aspx
/* optional hack for IE 6 so that menu appears under letters, if you want to support IE 6... */
/********************* CSS HACK ********************
* html .lm-wrapper .lm-letters
zoom: 1;
********************* /CSS HACK ********************/
/*** LISTMENU STYLES ***/
body
min-width: 1236px !important;
div#content .lm-wrapper /* a wrapper around the generated menu */
margin: 20px 20px 80px 20px; /* places a 20px margin around the menu */
padding-top: 20px; /* adds space above the menu so that the counts can be seen */
position: relative; /* ensures that everything is displayed inside the menu */
min-width: 920px;
div#content .lm-wrapper .lm-letters /* the letters in the alpha menu */
overflow: hidden; /* prevents letters from overwriting the menu if they get too large */
div#content .lm-wrapper .lm-letters a,
div#content .lm-wrapper .lm-letters a:link /* the letters in the alpha menu */
font-family: Verdana,Arial,Geneva; /* sets the font style (and alternate fonts) for the letters */
font-size: 0.9em; /* sets the font size */
display: block; /* used to center letters in boxes */
float: left; /* used to center letters in boxes */
padding: 2px 11px; /* used to center letters in boxes */
border: 1px solid #C0C0C0; /* used to create box around letters */
border-right: none; /* removes the right border (see lm-last, below) */
text-decoration: none; /* used to remove lines below the letters */
div#content .lm-wrapper .lm-letters a:hover,
div#content .lm-wrapper .lm-letters a:active,
div#content .lm-wrapper .lm-letters a.lm-selected /* moused-over and selected letters in the menu */
background-color: #CCCCCC; /* sets the background color of the box (grey) */
div#content .lm-wrapper .lm-letters a.lm-disabled /* empty letters in the menu */
color: #CCCCCC; /* sets the color of the letters (grey) */
div#content .lm-wrapper .lm-letters a.lm-last /* the last letter in the list */
border-right: 1px solid #C0C0C0; /* puts the final border to close the menu */
div#content .lm-wrapper .lm-letter-count /* styles the count above each letter (if enabled) */
top: -10px; /* forces the text to appear above the letters */
font-size: 6pt; /* sets the font size */
font-family: Verdana,Arial,Geneva; /* sets the font style (and alternate fonts) for the counts */
text-align: center; /* centers the number above the letter */
margin: 2px 0px 2px 0px; /* sets required spaceing around the numbers */
color: #666666; /* sets the color of the numbers */
div#content .lm-wrapper .lm-menu /* styles the pop-up menu that appears below the letters */
border: 1px solid #C0C0C0; /* creates a border around the pop-up menu */
border-top: 1px solid #C0C0C0; /* creates a border around the pop-up menu */
padding: 5px; /* padding around the pop-up menu edge */
z-index: 15; /* ensures that the pop-up menu is visible above the rest of the menu */
position: absolute; /* used to correctly position the menu */
margin-top: -1px; /* lines the top border of the menu correctly */
background-color: #F1F1F1; /* colors the background of the menu (light grey) */
display: none; /* hides the menu (until needed) */
div#content .lm-wrapper .lm-menu ul li,
div#content .lm-wrapper .lm-menu ol li /* styles the individual list items in the pop-up menu */
list-style-type: disc; /* adds bullets to the menu items */
color:#660000; /* colors the menu items (maroon) */
font-family: Verdana,Arial,Geneva; /* sets the font style (and alternate fonts) for the menu text */
text-align: left; /* aligns the pop-up menu text to the left */
font-size: 0.9em; /* sets the text size for the menu items */
padding: 0px; /* removes all extra padding from items */
margin: 0px; /* removes all extra margins from items */
div#content .lm-wrapper .lm-menu .lm-no-match /* Styles the text shown when no items match a letter */
font-family: Verdana,Arial,Geneva; /* sets the font style (and alternate fonts) */
color: #666666; /* colors the text (dark grey) */
font-style: italic; /* makes the text italic */
font-size: 0.9em; /* sets the text size for the text */
div#content .lm-wrapper .lm-menu a,
div#content .lm-wrapper .lm-menu a:link /* styles the pop-up menu links */
text-decoration: none; /* removes lines under the links */
div#content .lm-wrapper .lm-menu a:hover,
div#content .lm-wrapper .lm-menu a:active /* styles the pop-up menu links when hovered over */
text-decoration: underline; /* underlines the link */
color: #CCCCCC; /* sets the color of the link (grey) */
div#content .lm-wrapper .lm-menu .lm-submenu /* styles the columns (submenus) in the pop-up menu */
/* overflow: hidden; */ /* prevents large text from breaking the menu */
/** popup submenus **/
div#content .lm-wrapper .lm-menu .lm-submenu ul li /* database listing in alpha menu */
position: relative; /* used to keep popup menu (below) next to database listing */
/* hide submenu by fefault */
div#content .lm-wrapper .lm-menu .lm-submenu ul li > div.popup
position: absolute; /* allows me to set the exact psoition of the menu */
top: -9999px; /* push the menu far outside the top of the screen */
/* show submenu to right when related database name is hovered over */
div#content .lm-wrapper .lm-menu .lm-submenu ul li:hover > div.popup
position: absolute;
top: 5px;
left: -51%;
height: 45px;
width: 50%;
display: block;
background-color:#999999;
border: solid 1px #000000;
z-index: 20;
font-size: 9px;
line-height: 20px;
padding: 0px 0px 0px 0px;
margin: 0px;
overflow: hidden; /* prevents large text from breaking the menu */
/* change specific columns */
div#content .lm-wrapper .lm-menu .lm-submenu .c3 ul li:hover > div.popup
/* USE INVISIBLE DIV IF YOU NEED TO SPACE MENU DIFFERENTLY!! */
/*** /LISTMENU STYLES ***/

If your container has a width in %, add one of these rules to your CSS code.
/**This re-scales images to any size browser width**/
img {width:100%}
/**this re-scales images up to the native file size only**/
img {max-width:100%}
Also remove height and width attributes from your <img> HTML code. Otherwise this won't work.
Nancy O.

Help with image analysis Photoshop CS4 Extended

Hi there - I recently went to the Birmingham NEC photo expo and saw a guy there giving a CS4 extended demo. He showed how at the click of a button a folder of new photos were reduced to a smaller bunch of just the most tack-sharp ones. I can't find out how to do this with my CS4 Extended - can anyone help - or am I just imagining it all :-)))

Sounds interesting.
Did he do that in Photoshop itself or Bridge or Lightroom?
Anyway, I suspect one could maybe achieve something like this in Photoshop with some fairly heavy Scripting, but I suspect the Script would have to actually open the images for analysis …

Urgent- Please help with image overlaying

Hi,
Please,please, can someone help me with an imaging issue and show me what I'm doing wrong.
I'm a swing beginner and I'm trying to create a application for a board game. Currently I'm using JLabel components to try and create jpeg pieces over a JPanel component that has the board background.
Currently I've written the code for the board background component and the pieces but can't get the image to appear on the background.
Please can someone show me what I'm doing wrong.
If someone can help me get this working, I've got 16 dollars from other posts in this forum I can give you.
Thanks.
public class BoardPanel extends JPanel {
public BoardPanel()
//Overwrite abstract painting method
public void paintComponent(Graphics g)
super.paintComponent(g);
          g.drawImage(backgroundImage,0,0,this.getWidth(), this.getHeight(), null);
private Image backgroundImage = new ImageIcon("./Board.gif").getImage();
public class PieceIcon extends JLabel {
public PieceIcon(String symbol)
System.out.println("./"+symbol+".jpg");
          pieceImage = new ImageIcon("./"+symbol+".jpg");
public void paintComponent(Graphics g)
          super.paintComponent(g);
          g.drawImage(pieceImage,playerBoardPos.getX(),playerBoardPos.getY(), this);
private Image pieceImage;
Main:
JPanel content = new JPanel();
PieceIcon testPiece = new PieceIcon("Dog");
BoardPanel boardIcon = new BoardPanel();
getContentPane().add(content, java.awt.BorderLayout.CENTER);
content.add(boardIcon, java.awt.BorderLayout.CENTER);
boardIcon.setLayout(new javax.swing.OverlayLayout(boardIcon));
boardIcon.add(testPiece);

Oh, and since you probably won't be needing a layout manager, try the following:
setLayout(null);
ChessPeice peice1 = new ChessPeice(...);
add(peice1);
peice1.setBounds(x, y, width, height);also, your ChessPeice paintComponent method should look more like:
... //in constructor
setPreferredSize(new Dimension(image.width, image.height));
setOpaque(false);
public void paintComponent(Graphics g){
   g.drawImage(...);
}Make sure that if you call the component's getSize method to determine the width and height you do it after pack has been called. If you call getSize before then, it will return 0 for the width and height values.
Another advantage to this approach is that the peices only draw in the areas they need to.
Hope this helps.

Help with image in dreamweaver

Similar Messages

Maybe you are looking for