Need help inserting 2 rollover images in a footer

I used two separate rollover images to put in a footer of a
page. When seeing in a browser I only see one rollover, the footer
is big enough I don't understand. Yet if I delete the second
rollover and copy the first underneath I see it in the browser but
after giving the image another name and swapping for the correct
images I disappears. I have no problem using the add hyperlink
which works fine. but the client insists I use the rollover images.
any help?

To add to the advice from Ann, if you visit the Creative Cow website there are a mass of After Effects video tutorials where you will find one that is specifically for your task.

Similar Messages

Need help with Rollover Image cross browser problem

Hello,
I am having a cross browser problem with my websites rollover nav links. The trouble is, while they work perfectly fine in IE8 and IE9, I’ve also attempted to use them through Opera, and they simply don’t work. They don’t link nor do they do their rollover effect. And I was trying to figure out what I have done wrong. Currently the site is not completed, but the first two pages are, the “news” and “about me” pages are currently (as of right now) working. The address to the site is below.
http://maxmetal.xsustudios.com/index.html
I hope that someone can help me with this, if needs be I can put the code for the CSS and HTML into this part if it will save some time for everyone. Sorry too about the PNG images, I have to change those over to semi-transparent GIF’s yet so the site does take a while to load…
Hope someone can help me with this!
PALADIN

When I disable CSS in my browser, the rollover buttons work just fine. This tells me your CSS is messed up and you've layered something over your menus which is making them inaccessible to users.
I noticed you've applied relative positioning to just about everything on your page. Why?   Default CSS positioning (unspecified or static) is all you need for 98% of layouts.
     Learn CSS positioning in 10 Steps
     http://www.barelyfitz.com/screencast/html-training/css/positioning/
My advice would be to start over using a pre-built CSS Template with all the divisions and columns you're likely to need for this project. Below are some good links to get you on the right track.
For professional CSS Templates that are rock solid & perform well in all browsers, visit Project Seven:
http://www.projectseven.com/products/index.htm
Ultimate Multi-Column Layouts
http://matthewjamestaylor.com/blog/ultimate-multi-column-liquid-layouts-em-and-pixel-width s
Not Just a Grid CSS Framework
http://www.notjustagrid.com/demo.asp
EZ-CSS Templates (watch the screencast to see how it works)
http://www.ez-css.org/css_templates
Dreamweaver CSS Templates for beginners
http://www.adobe.com/devnet/dreamweaver/articles/dreamweaver_custom_templates.html
New DW Starter Pages
http://www.adobe.com/devnet/dreamweaver/articles/introducing_new_css_layouts.html
Good luck with your project!
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/
http://twitter.com/altweb

Help needed; underscore in rollover image name will not validate at WC3

GoLive CS on an Intel PC
UTF8 encoded, HTML 4.01 Transitional
I have several rollovers in a page created by using the GoLive palletes, and because GoLive automatically adds an underscore to an image name in a nested folder the page cannot validate at the WC3 site. What do I need to do so that the underscore will not be added automatically? I've tried adding a name/ID to the image before creating the rollover, but it disregards the name and uses what it thinks is best, adding the underscore.
The page is located here:
http://www.redshift.com/~lorac/sdy-55.html
I have attached three images that show the file names used and the results in the GoLive pallete. The first is a screenshot of the folder structure, the second is the placed image pallete and the third is the rollover pallete view.GoLive is set to strip all the GoLive code from the page before uploading, so the web version will not have any GL code.
A sample WC3 comment is:
Line 86, Column 226: value of attribute "ID" invalid: "_" cannot start a name
…pg');return true" href="#"><img id="_5502" class="img_border" src="images/jhj
✉
It is possible that you violated the naming convention for this attribute. For example, id and name attributes must begin with a letter, not a digit.
Do I need to unnest any folders with potential rollover images? That would be a real pain... considering the amount sections and images used in the site.
Thank you in advance for any help you can give.
Carol

I did as you suggested and added to the beginning of the default underscored name in the "name/ID" section and it was accepted. I changed all the rollover image names and uploaded the modified page, and was then able to validate at the WC3 validation site.
Thank you so much! It was an easy fix... a solution I had overlooked. Oddly enough this never occurs with a remote rollover, but that is probably because GL lets you name the base image without suggesting a name first.
Carol

I need help dividing an image into two equal parts in Adobe Illustrator CC--ASAP!!!

I need help dividing a single, already created image into 2 equal parts...Am getting nowhere so far

Hi Willi, thanks so much for responding! Below is the image I need to divide in half. The left half where it says "Click here for the definition" links to a landing page where people can read the definition of the Hebrew Word. The right half links to an audio recording of the Hebrew word being spoken aloud. I am trying to figure out how to use the scissors or knife tool in Adobe Illustrator and am having no luck. Plus I believe there's a way to include URLs on each separated part, but I can't get past figuring out how to cut it. My background is not graphic design

Need help [JS]: select images/captions in InD, switch to Bridge and write to XMP

I've got a javascript for CS3/Tiger that I'm writing that eventually will let a user select an image and a caption in InDesign, then tells bridge to write the caption data into the image metadata. I need help - the script works in pieces, but not when put together.
It's built as an indesign script, then follows the procedure to create a script object to send to bridge. When it runs, the indesign portion works fine, but nothing happens in bridge.
The script is below, with comments.
Can someone help!? Thanks.
// This is the InDesign portion of the script, which was tested separately and is working fine. Right now, for testing purposes, the data from this portion isn't even used by the later Bridge portion but once I get the bridge part together, it will use those variables.
#target "indesign-5.0"
var myObjectList = new Array;
//Script does nothing if no documents are open or if no objects are selected.
if(app.documents.length != 0){
if(app.selection.length != 0){
for(myCounter = 0; myCounter < app.selection.length; myCounter ++){
switch(app.selection[myCounter].constructor.name){
case "TextFrame":
var myCaption = app.selection[myCounter].contents;
$.writeln(myCaption);
break;
default:
var myLink = app.selection[myCounter].graphics[0].itemLink.filePath;
$.writeln(myLink);
// here's where I create the string of the script to send to Bridge.
// the script itself is almost completely a lifted from the SnpModifyMetadta sample from the Bridge sdk
// it basically finds a certain image file and modifies the description metatata. i hardcoded the caption text and image path just for testing- eventually i would like it to use the variables from indesign.
// this script works fine as-is when run in the original Bridge scripting context.
// the method here of concatenating and sending the myScript string works fine when i use a different (smaller) script. so i can't tell why it's not working!?
var myScript = "function SnpModifyMetadata()";
myScript += "{";
myScript += " this.requiredContext = \"Needs to run in Bridge, \nwith a selection of a file, \nideally with some metadata\";";
myScript += "}";
myScript += "SnpModifyMetadata.prototype.run = function()";
myScript += "{";
myScript += " if(!this.canRun())";
myScript += " {";
myScript += " return false;";
myScript += " }";
myScript += " if( xmpLib == undefined )";
myScript += " {";
myScript += " if( Folder.fs == \"Windows\" )";
myScript += " {";
myScript += " var pathToLib = Folder.startup.fsName + \"/AdobeXMPScript.dll\";";
myScript += " }";
myScript += " else";
myScript += " {";
myScript += " var pathToLib = Folder.startup.fsName + \"/AdobeXMPScript.framework\";";
myScript += " }";
myScript += " var libfile = new File( pathToLib );";
myScript += " var xmpLib = new ExternalObject(\"lib:\" + pathToLib );";
myScript += " }";
myScript += " $.writeln(\"About to run SnpModifyXML\");";
myScript += " var thumb = new Thumbnail(Folder(\"/Macintosh HD/Users/hearstuser/Desktop/BridgeScriptImages/orion_stack copy 6.psd\"));";
myScript += " if(thumb.hasMetadata)";
myScript += " {";
myScript += " var md = thumb.synchronousMetadata;";
myScript += " var xmp = new XMPMeta(md.serialize());";
myScript += " $.writeln(\"SnpModifyXML: About to modify XMP data for \" + thumb.name);";
myScript += " $.writeln(\"XMP packet before modifications:\");";
myScript += " $.writeln(\"-------------------------------------------------\");";
myScript += " $.writeln(xmp.dumpObject());";
myScript += " xmp.deleteProperty(XMPConst.NS_XMP, \"Description\");";
myScript += " xmp.setProperty(XMPConst.NS_XMP, \"Description\", \"hoThereHeyThere\");";
myScript += " var d = new XMPDateTime(new Date());";
myScript += " d.convertToLocalTime();";
myScript += " xmp.setProperty(XMPConst.NS_XMP, \"ModifyDate\", d, XMPConst.XMPDATE);";
myScript += " $.writeln(\"XMP packet af

Recently I received an e-mail from a user asking me to remake the script I had posted here a while ago.
I rechecked my previous post and found a couple of serious mistakes. So I revised it according to what he asked. Each page in his InDesign document contains one image and one text frame with description.
At start the script checks the selection. If nothing is selected it processes all pages in the document. In case two objects are selected – it checks whether one of them text frame and the other a rectangle and if the rectangle contains an image, then it reads the contents of the text frame, replacing hard and soft returns with spaces and writes this text to the corresponding image’s description field.
In the end, it updates all links and saves the file.
The script works both on Mac and PC, assuming that CS3 installed in the default location so long as it depends on libraries:
/C/Program Files/Adobe/Adobe Bridge CS3/AdobeXMPScript.dll (on PC)
/Applications/Adobe Bridge CS3/Bridge CS3.app/Contents/MacOS/AdobeXMPScript.framework (on MAC)
So, if necessary, correct these lines.
Here is my script in case somebody is interested:
#target indesign
var myDoc = app.activeDocument;
var mySelection = app.selection;
if (mySelection.length == 0) {
    ProcessPages();
else if (mySelection.length == 1) {
    alert("One image and one textframe should be selected.");
    exit();
else if (mySelection.length == 2) {
    try {
        if (mySelection[0].constructor.name == "TextFrame" && mySelection[1].images.length == 1) {
            var myTextFrame = mySelection[0];
            var myImage = mySelection[1].images[0];
            var myCaption = ReplaceReturnWithSpace(myTextFrame.contents);
            var myPath = new File(myImage.itemLink.filePath).absoluteURI;
        else if (mySelection[1].constructor.name == "TextFrame" && mySelection[0].images.length == 1) {
            var myTextFrame = mySelection[1];
            var myImage = mySelection[0].images[0];
            var myCaption = ReplaceReturnWithSpace(myTextFrame.contents);
            var myPath = new File(myImage.itemLink.filePath).absoluteURI;
    catch(e) {
        alert("Something wrong with your selection.\nError: " + e.message);
        exit();
    CreateBridgeTalkMessage(myCaption, myPath);
else if (mySelection.length > 2) {
    alert("One image and one textframe should be selected.");
    exit();
UpdateAllOutdatedLinks();
myDoc.save();
alert("All done.");
//+++++++++++++++++++ FUNCTIONS ++++++++++++++++++++++
function CreateBridgeTalkMessage(myCaption, myPath) {
    var bt = new BridgeTalk();
    bt.target = "bridge";
    var myScript = WriteCaption.toString() + '\r';
    myScript += 'WriteCaption(\"' + myCaption + '\", \"' + myPath + '\");';
    bt.body = myScript;
    bt.send();
function WriteCaption(myCaption, myPath) {
    if( xmpLib == undefined ) {
        if( Folder.fs == "Windows") {
            var pathToLib = "/C/Program Files/Adobe/Adobe Bridge CS3/AdobeXMPScript.dll";
        else {
            var pathToLib = "/Applications/Adobe Bridge CS3/Bridge CS3.app/Contents/MacOS/AdobeXMPScript.framework";
        var libfile = new File( pathToLib );
        var xmpLib = new ExternalObject("lib:" + pathToLib );
    var thumb = new Thumbnail (File (myPath));
    if (thumb.hasMetadata) {
        var md = thumb.synchronousMetadata;
        var xmp = new XMPMeta(md.serialize());
        xmp.deleteProperty(XMPConst.NS_XMP, "Description");
        xmp.setProperty(XMPConst.NS_XMP, "Description", myCaption);
        var updatedPacket = xmp.serialize(XMPConst.SERIALIZE_OMIT_PACKET_WRAPPER | XMPConst.SERIALIZE_USE_COMPACT_FORMAT);
        thumb.metadata = new Metadata(updatedPacket);
function ProcessPages() {
    var myPages = myDoc.pages;
    for (i = 0; i < myPages.length; i++) {
        var myPage = myPages[i];
        if (myPage.textFrames.length == 1 && myPage.rectangles.length == 1) {
            if (myPage.rectangles[0].graphics.length == 1) {
            var a = myPage.rectangles[0];
                var myImage = myPage.rectangles[0].graphics[0];
                var myPath = new File(myImage.itemLink.filePath).absoluteURI;
                var myTextFrame = myPage.textFrames[0];
                var myCaption = ReplaceReturnWithSpace(myTextFrame.contents);
                CreateBridgeTalkMessage(myCaption, myPath);
function ReplaceReturnWithSpace(myString) {
    myString = myString.replace( /\n/g , " " );
    myString = myString.replace( /\r/g , " " );
    return myString;
function UpdateAllOutdatedLinks() {
    for(var myCounter = myDoc.links.length-1; myCounter >= 0; myCounter--){
        var myLink = myDoc.links[myCounter];
        if (myLink.status == LinkStatus.linkOutOfDate){
            myLink.update();
If somebody interested in developing this script further, do not hesitate to post here your feedback.
Kasyan

Need help deleting an image field/pictures in worksheet

I am in need of help!!! Added photos in an important .pdf document (a worksheet form that was pre-made) and I added image fields (Top box photo and small bottom box for text). I need to delete some image fields now and it won't let me. I upgraded my Adobe Reader to Acrobat XI Pro trial, still can't. If I try to edit image, it says I need to have Live Cycle designer to edit this form. Someone please help! This is my son's Eagle Scout worksheet and needs to be fixed tonight....please

If the file was created in LiveCycle Designer then it can only be edited
there.
It's not clear in what way you edited it originally.

Need help to find image size box

I am a novice, I need to find the image size box on illistrator but not able to so please explaine how to find it on the page. Thanks

You may also be talking about the "Info" window. To open it, go to Window > Info or hit command+F8. It will show you the dimensions of the bounding box containing whatever object you have selected.
Please let us know if we can help you further.

Need help with Applet: Images

DUKESTARS HERE, YOU KNOW YOU WANNA
Hi,
I'm designing an applet for some extra credit and I need help.
This game that i have designed is called "Digit Place Game", but there is no need for me to explain the rules.
The problem is with images.
When I start the game using 'appletviewer', it goes to the main menu:
http://img243.imageshack.us/img243/946/menuhy0.png
Which is all good.
But I decided that when you hover your cursor over one of the options such as: Two-Digits or Three-Digits, that the words that are hovered on turn green.
http://img131.imageshack.us/img131/6231/select1ch3.png
So i use the mouseMoved(MouseEvent e) from awt.event;
The problem is that when i move the mouse around the applet has thick line blotches of gray/silver demonstrated below (note: these are not exact because my print screen doesn't take a picture of the blotches)
http://img395.imageshack.us/img395/4974/annoyingmt1.png
It also lags a little bit.
I have 4 images in my image folder that's in the folder of the source code
The first one has all text blue. The second one has the first option, Two-Digits green but rest blue. The third one has the second option, Three-Digits green but rest blue, etc.
this is my code
import java.applet.Applet;
import java.awt.Graphics;
import java.awt.event.*;
import java.awt.*;
public class DigitPlaceGame extends Applet implements MouseListener, MouseMotionListener {
     public boolean load = false;
     public boolean showStartUp = false;
     public boolean[] hoverButton = new boolean[3];
     Image load1;
     Image showStartUp1;
     Image showStartUp2;
     Image showStartUp3;
     Image showStartUp4;
     public void init() {
          load = true;
          this.resize(501, 501);
               try {
                    load1 = getImage(getCodeBase(), "images/load1.gif");
                    repaint();
               } catch (Exception e) {}
          load();
     public void start() {
     public void stop() {
     public void destroy() {
     public void paint(Graphics g) {
          if(load == true) {
               g.drawImage(load1, 0, 0, null, this);
          } else if(showStartUp == true) {
               if(hoverButton[0] == true) {
                    g.drawImage(showStartUp2, 0, 0, null, this);
               } else if(hoverButton[1] == true) {
                    g.drawImage(showStartUp3, 0, 0, null, this);
               } else if(hoverButton[2] == true) {
                    g.drawImage(showStartUp4, 0, 0, null, this);
               } else {
                    g.drawImage(showStartUp1, 0, 0, null, this);
                    for(int i = 0; i < 3; i++) {
                         hoverButton[i] = false;
     public void load() {
          addMouseListener(this);
          addMouseMotionListener(this);
          showStartUp1 = getImage(getCodeBase(), "images/showStartUp1.gif");
          showStartUp2 = getImage(getCodeBase(), "images/showStartUp2.gif");
          showStartUp3 = getImage(getCodeBase(), "images/showStartUp3.gif");
          showStartUp4 = getImage(getCodeBase(), "images/showStartUp4.gif");
          showStartUp();
     public void showStartUp() {
          load = false;
          showStartUp = true;
     public void mouseClicked(MouseEvent e) {
          System.out.println("test");
     public void mouseMoved(MouseEvent e) {
          int x = e.getX();
          int y = e.getY();
          if(x >= 175 && x <= 330 && y >= 200 && y <= 235) {
               hoverButton[0] = true;
               repaint();
          } else if(x >= 175 && x <= 330 && y >= 250 && y <= 280) {
               hoverButton[1] = true;
               repaint();
          } else if(x >= 175 && x <= 330 && y >= 305 && y <= 335) {
               hoverButton[2] = true;
               repaint();
          } else {
                    for(int i = 0; i < 3; i++) {
                         hoverButton[i] = false;
                    repaint();
     public void mouseEntered(MouseEvent e) {
     public void mouseExited(MouseEvent e) {
     public void mousePressed(MouseEvent e) {
     public void mouseReleased(MouseEvent e) {
     public void mouseDragged(MouseEvent e) {
}plox help me ploz, i need the extra credit for an A
can you help me demolish the lag and stop the screen from flickering? thanks!!!!!
BTW THIS IS EXTRA CREDIT NOT HOMework
DUKESTARS HERE, YOU KNOW YOU WANNA
Edited by: snoy on Nov 7, 2008 10:51 PM
Edited by: snoy on Nov 7, 2008 10:53 PM

Oh yes, I knew there could be some problem.......
Now try this:
boolean a,b,c;
if((a=(x >= 175 && x <= 330 && y >= 200 && y <= 235)) && !hoverButton[0]) {
               hoverButton[0] = true;
               repaint();
          } else if((b=(x >= 175 && x <= 330 && y >= 250 && y <= 280)) && !hoverButton[1]) {
               hoverButton[1] = true;
               repaint();
          } else if((c=(x >= 175 && x <= 330 && y >= 305 && y <= 335)) && !hoverButton[2]) {
               hoverButton[2] = true;
               repaint();
          } else if ((!a && !b && !c)&&(hoverButton[0] || hoverButton[1] || hoverButton[2]){
                    for(int i = 0; i < 3; i++) {
                         hoverButton[i] = false;
                    repaint();
          }hope it works........
Edited by: T.B.M on Nov 8, 2008 10:41 PM

I need help editing an image in Photoshop

I need to edit this image.
I need to reposition the fist shape a little further down remaining within the yellow circle. Then I also need to change all blue parts to black and the yellow outline around the knuckles to white.
How would I do this in Photoshop?

Put a circular selection round the fist and press Ctrl+J.
Hide the resulting new layer and fill the circle with yellow.
Select the blue area with the magic wand and fill the selection with black.
Select the yellow round the fist and fill the selection with white.
Go to the fist layer, press Ctrl+T and move it down as far as you want, (Not much room there.)
For print, save as a TIFF; for Internet use Save for Web.

Nube needs help inserting a JQuery horizontal menu bar into my site-help.

Please forgive the ignorance of my questions but I am new to Mobile site design and Dreamweaver.
I am trying to build a responsive web site for my company that can be viewed on multiple platforms, but am having trouble inserting a responsive menu and responsive slide show.
This post is in regard to the menu bar, which I have created using JQuery on a seperate page. I have managed to get the layout to work but still can't figure out how to create mouse overs for the links
or how to insert it into my site.
Please help.
Why can't I see the nav bar in the site when I paste in?
All I see is the text and no images. I know I am pasting the code in the wrong place.
Where do I insert it?
Below is the code for the site and below that is the code for the menu bar.
Where do I insert it? Help.
Thank you in advance for any help you can provide.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!doctype html>




<html class="">

<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Untitled Document</title>
<link href="boilerplate.css" rel="stylesheet" type="text/css">
<link href="css/master.css" rel="stylesheet" type="text/css">


<script src="respond.min.js"></script>
</head>
<body>
<div class="gridContainer clearfix">
<div id="LayoutDiv1">
    <div align="center"><img src="images/Site Objects/headermain.png" alt="header"></div>
</div>
<div id="navbar">ul#navlist { font-family: <span class="navfont">sans-serif</span>; }
ul#navlist a
font-weight: bold;
text-decoration: none;
ul#navlist, ul#navlist ul, ul#navlist li
margin: 0px;
padding: 0px;
list-style-type: none;
ul#navlist li { float: left; }
ul#navlist li a
color: #ffffff;
background-color: #<span class="navmainbg">003366</span>;
padding: 3px;
border: 1px #ffffff outset;
ul#navlist li a:hover
color: #ffff00;
background-color: #<span class="submenubg">003366</span>;
ul#navlist li a:active
color: #cccccc;
background-color: #003366;
border: 1px #ffffff inset;
ul#subnavlist { display: none; }
ul#subnavlist li { float: none; }
ul#subnavlist li a
padding: 0px;
margin: 0px;
ul#navlist li:hover ul#subnavlist
display: block;
position: absolute;
font-size: 8pt;
padding-top: 5px;
ul#navlist li:hover ul#subnavlist li a
display: block;
width: 10em;
border: none;
padding: 2px;
ul#navlist li:hover ul#subnavlist li a:before { content: " >> "; }
Read more: How to Make a Rollover Drop-Down Menu | eHow http://www.ehow.com/how_8569816_make-rollover-dropdown-menu.html#ixzz2WZQ3IDmU</div>
<div id="slideshow">
<div id="slideshow">
    <div align="center">
      
<script type="text/javascript" src="http://c520866.r66.cf2.rackcdn.com/1/js/easy_rotator.min.js"></script>
<div class="dwuserEasyRotator" style="width: 1225px; height: 400px; position:relative; text-align: left;" data-erConfig="{autoplayEnabled:true, randomize:true, autoplayDelay:3000, autoplayStopOnInteraction:false, autoplayPauseOnHover:false, audio_controllerLocation:'br', lpp:'102-105-108-101-58-47-47-47-85-115-101-114-115-47-77-97-99-50-47-68-111-99-117-109-1 01-110-116-115-47-69-97-115-121-82-111-116-97-116-111-114-80-114-101-118-105-101-119-47-11 2-114-101-118-105-101-119-95-115-119-102-115-47', wv:1}" data-erName="slideshow rotator" data-erTID="{hg3ysjwkx61418058007631}">
          <div data-ertype="content" style="display: none;"><ul data-erlabel=>
          <li>
                    <img class="main" src="_images/Site Objects/fades how/lrg_images/image09-turn.png" />
                    <img class="thumb" src="_images/Site Objects/fadess how/lrg_images/image09-turn.png" />
          </li>
          <li>
                    <img class="main" src="_images/Site Objects/fades how/lrg_images/image08-ss.png" />
                    <img class="thumb" src="_images/Site Objects/slides how/lrg_images/image08-ss.png" />
          </li>
          <li>
                    <img class="main" src="_images/Site Objects/slides how/lrg_images/image07-posters.png" />
                    <img class="thumb" src="_images/Site Objects/slides how/lrg_images/image07-posters.png" />
          </li>
          <li>
                    <img class="main" src="_images/Site Objects/slides how/lrg_images/image06-photo_ed.png" />
                    <img class="thumb" src="_images/Site Objects/slides how/lrg_images/image06-photo_ed.png" />
          </li>
          <li>
                    <img class="main" src="_images/Site Objects/slides how/lrg_images/image05-nwsmag.png" />
                    <img class="thumb" src="_images/Site Objects/slides how/lrg_images/image05-nwsmag.png" />
          </li>
          <li>
                    <img class="main" src="_images/Site Objects/slides how/lrg_images/image04-litigation.png" />
                    <img class="thumb" src="_images/Site Objects/slides how/lrg_images/image04-litigation.png" />
          </li>
          <li>
                    <img class="main" src="_images/Site Objects/slides how/lrg_images/image03-creative.png" />
                    <img class="thumb" src="_images/Site Objects/slides how/lrg_images/image03-creative.png" />
          </li>
          <li>
                    <img class="main" src="_images/Site Objects/slides how/lrg_images/image02-corp.png" />
                    <img class="thumb" src="_images/Site Objects/slides how/lrg_images/image02-corp.png" />
          </li>
          <li>
                    <img class="main" src="_images/Site Objects/slides how/lrg_images/image01-bound.png" />
                    <img class="thumb" src="_images/Site Objects/slides how/lrg_images/image01-bound.png" />
          </li>
</ul>
</div>
          <div data-ertype="layout" data-ertemplateName="NONE" style="">                              <div class="erdots" style="overflow: hidden; margin: 0; position:absolute;right:0;top:9px;width:300px; font-size: 10px; font-family: 'Lucida Grande', 'Lucida Sans', Arial, _sans; color: #FFF;" data-erConfig="{showText:false}" align="center">
                                        <div class="erdots_wrap" style="wasbackground-color: #CFC; float: right;" align="left"> 
                                                  <span class="erdots_btn_selected" style="padding-left: 0; width: 20px; height: 20px; display: inline-block; text-align: center; vertical-align: middle; line-height: 20px; margin: 0 0 0 5px; cursor: default; background: url(http://easyrotator.s3.amazonaws.com/1/i/rotator/dots/export/20_14_black_65.png) top left no-repeat;">
                                                  </span>
                                                  <span class="erdots_btn_normal" style="padding-left: 0; width: 20px; height: 20px; display: inline-block; text-align: center; vertical-align: middle; line-height: 20px; margin: 0 0 0 5px; cursor: pointer; background: url(http://easyrotator.s3.amazonaws.com/1/i/rotator/dots/export/20_14_black_35.png) top left no-repeat;">
                                                  </span>
                                                  <span class="erdots_btn_hover" style="padding-left: 0; width: 20px; height: 20px; display: inline-block; text-align: center; vertical-align: middle; line-height: 20px; margin: 0 0 0 5px; cursor: pointer; background: url(http://easyrotator.s3.amazonaws.com/1/i/rotator/dots/export/20_14_black_65.png) top left no-repeat;">
                                                  </span>
                                        </div>
                              </div>
                              <div class="ercats erFixCSS3" style="position:absolute; left:0; right: 320px; top: 0;" style_real="padding: 4px 8px; font-family: 'Lucida Grande', 'Lucida Sans', Helvetica, Arial, _sans; font-size: 11px; color: #333; wasmargin: 0 50px 10px 50px; wasborder-radius: 6px; wasbackground-color: #EEE; wasborder: 1px solid #E0E0E0; overflow: hidden;">
                                        <div align="center">
                                          
                                </div>
                                        <div class="ercats_btn_selected erFixCSS3" style_real="float: left; padding: 3px 8px 4px 8px; border-radius: 4px; background-color: #FFF; box-shadow: 0 0 2px #999; wasborder: 1px solid #CFCFCF; color: #555; margin: 3px 9px 3px 0; cursor: default;">
                                          <div align="center">Title1 </div>
                                  </div>
                                        <div class="ercats_btn_normal erFixCSS3" style_real="float: left; padding: 3px 8px 4px 8px; border-radius: 4px; color: #666; cursor: pointer; margin: 3px 9px 3px 0;">
                                          <div align="center">Title2 </div>
                                        </div>
                              </div>
                              <div class="erimgMain" style="position: absolute; left:0; right:0; top:40px; bottom:0;" data-erConfig="{___numTiles:3, scaleMode:'fillArea', imgType:'main', __loopNextButton:false, arrowButtonMode:'rollover'}">
                                        <div class="erimgMain_slides" style="position: absolute; left:0; top:0; bottom:0; right:0;">
                                                  <div class="erimgMain_slide">
                                                            <div class="erimgMain_img" style="position: absolute; left: 0; right: 0; top: 0; bottom: 0;"></div>
                                                  </div>
                                </div>
                                        <div class="erimgMain_arrowLeft" style="position:absolute; left: 10px; top: 50%; margin-top: -30px;" data-erConfig="{image:'circleBig', image2:'circleBig'}"></div>
                                        <div class="erimgMain_arrowRight" style="position:absolute; right: 10px; top: 50%; margin-top: -30px;" data-erConfig="{image:'circleBig', image2:'circleBig'}"></div>
                    </div><div class="erabout erFixCSS3" style="color: #FFF; text-align: left; background: #000; background:rgba(0,0,0,0.93); border: 2px solid #FFF; padding: 20px; font: normal 11px/14px Verdana,_sans; width: 300px; border-radius: 10px; display:none;">
                              This <a style="color:#FFF;" href="http://www.dwuser.com/easyrotator/" target="_blank">jQuery slider</a> was created with the free <a style="color:#FFF;" href="http://www.dwuser.com/easyrotator/" target="_blank">EasyRotator</a> software from DWUser.com.
                              <br /><br />
            Use WordPress? The free <a style="color:#FFF;" href="http://www.dwuser.com/easyrotator/wordpress/" target="_blank">EasyRotator for WordPress</a> plugin lets you create beautiful <a style="color:#FFF;" href="http://www.dwuser.com/easyrotator/wordpress/" target="_blank">WordPress sliders</a> in seconds.
                              <br /><br />
                              <a style="color:#FFF;" href="#" class="erabout_ok">OK</a>
                    </div>
                    <noscript>
                              Rotator powered by <a href="http://www.dwuser.com/easyrotator/">EasyRotator</a>, a free and easy jQuery slider builder from DWUser.com. Please enable JavaScript to view.
                    </noscript>
                    <script type="text/javascript">/*Avoid IE gzip bug*/(function(b,c,d){try{if(!b[d]){b[d]="temp";var a=c.createElement("script");a.type="text/javascript";a.src="http://easyrotator.s3.amazonaws.com/1/js/nozip/easy_rotator.min.js";c.getElementsByTagName("head")[0].appendChild(a)}}catch(e){alert("EasyRotator fail; contact support.")}})(window,document,"er_$144");</script>
          </div>
</div>

      <script type="text/javascript" src="http://c520866.r66.cf2.rackcdn.com/1/js/easy_rotator.min.js"></script>
    </div>
</div>
</div>
<div id="body">
    <div align="center"><img src="images/page templates/home pg tmplt blnk.png" alt="body"></div>
</div>
<div id="footer">
    <div align="center"><img src="images/Site Objects/footermainbck.png" alt="footer"></div>
</div>
</div>
</body>
</html>
Below is the code for the JQuery menu with sub and secondary sub menus:
<!DOCTYPE html>

<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>FlexNav - Flexible, Device Agnostic Navigation</title>
    <link href="css/flexnav.css" media="screen, projection" rel="stylesheet" type="text/css">
    <link href="css/page.css" media="screen, projection" rel="stylesheet" type="text/css">
    <style type="text/css">
    body,td,th {
          font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
          font-size: 14pt;
    body {
          background-color: #FFF;
    a:link {
          color: #FFFFFF;
          text-decoration: none;
a:visited {
          color: #FFF;
          text-decoration: none;
    a:hover {
          color: #F00;
          text-decoration: none;
a:active {
          color: #900;
          text-decoration: none;
    </style>
    <script type="text/javascript" src="//use.typekit.net/qyb8ood.js"></script>
    <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
</head>
<body bgcolor="#FFFFFF" vlink="#FF0000" alink="#990000" class="home-page">
<script src="http://code.jquery.com/jquery-1.9.0.js" type="text/javascript"></script>
<script src="js/jquery.flexnav.min.js" type="text/javascript"></script>
    <div class="container">
      <header id="site-header">
        <div class="menu-button">Menu</div>
        <nav>
          <ul data-breakpoint="800" class="flexnav">
            <li><a href="HOME">HOME</a>
            <li><a href="About Us">ABOUT US</a>
            <li><a href="Products">PRODUCTS</a>
              <ul>
                <li><a href="Bound Products">Bound Products</a>
                  <ul>
                    <li><a href="Booklets">Booklets</a></li>
                    <li><a href="Catalogs & Magazines">Catalogs & Magazines</a></li>
                    <li><a href="Newsletters">Newsletters</a></li>
                    <li><a href="Presentation Books">Presentation Books</a></li>
                    <li><a href="Manuals">Manuals</a></li>
                  </ul>
                </li>
              <li><a href="Brochures">Brochures</a></li>
                <li><a href="Business Cards">Business Cards</a></li>
                <li><a href="CD & DVD Dupe">CD & DVD Duplication</a></li>
                <li><a href="Copies">Copies</a></li>
                <li><a href="Corp. ID">Corporate ID</a></li>
                <li><a href="Flyers">Flyers</a></li>
                <li><a href="Forms">Forms</a></li>
                <li><a href="Menus">Menus</a></li>
                <li><a href="Photo Collages">Photo Collages</a></li>
                <li><a href="Photo Enlargements">Photo Enlargements</a></li>
                <li><a href="Postcards">Postcards</a></li>
                <li><a href="Rack Cards">Rack Cards</a></li>
                <li><a href="Wide Format">Wide Format</a>
                  <ul>
                    <li><a href="Banners">Banners</a></li>
                    <li><a href="Posters">Posters</a></li>
                    <li><a href="Signs">Signs</a></li>
                  </ul>
                </li>
              </ul>
            </li>
            <li><a href="Services">SERVICES</a>
              <ul>
                <li><a href="Litigation">Litigation Services</a></li>
                <li><a href="Creative">Creative Services</a></li>
              </ul>
            </li>
            <li><a href="FAQs">FAQs</a>
            <li><a href="Contact Us">CONTACT US</a>
          </ul>
        </nav>
      </header>
      \ </div>
    <script type="text/javascript">$(".flexnav").flexNav();</script>
</body>
</html>

Ok, I managed to place the menu within the site, but I still don't have a horizontal menu. All I can see is the unordered list.
(see below).
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!doctype html>




<html class="">

<head>
<meta charset="UTF-8">
<title>Home Page</title>
<meta name="view" name="viewport" content="width=device-width, initial-scale=1.0"/>
<meta http-equiv="X-UA-Compatible" content="IE=9 />
<link href="boilerplate.css" rel="stylesheet" type="text/css">
<link href="css/master.css" rel="stylesheet" type="text/css">

<script src="http://code.jquery.com/jquery-1.9.0.js" type="text/javascript"></script>
<script src="js/jquery.flexnav.min.js" type="text/javascript"></script>
<style type="text/css">
img {margin:6px; border:solid 2px #FFF;}
img:hover {background: #666;}
</style>
<link href="styles/navbar stylesheet new.css" ref="stylesheet" type="text/css" />
</head>
<body>
<div class="gridContainer clearfix">
<div id="LayoutDiv1">
    <div align="center"><img src="images/Site Objects/headermain.png" alt="header"></div>
</div>
<div id="navbar"><script src="http://code.jquery.com/jquery-1.9.0.js" type="text/javascript"></script>
<script src="js/jquery.flexnav.min.js" type="text/javascript"></script>
    <div class="#"
        <div class="menu-button"></div>
        <nav>
          <ul data-breakpoint="800" class="flexnav">
            <li><a href="HOME">HOME</a>
            <li><a href="About Us">ABOUT US</a>
            <li><a href="Products">PRODUCTS</a>
              <ul>
                <li><a href="Bound Products">Bound Products</a>
                  <ul>
                    <li><a href="Booklets">Booklets</a></li>
                    <li><a href="Catalogs & Magazines">Catalogs & Magazines</a></li>
                    <li><a href="Newsletters">Newsletters</a></li>
                    <li><a href="Presentation Books">Presentation Books</a></li>
                    <li><a href="Manuals">Manuals</a></li>
                  </ul>
                </li>
              <li><a href="Brochures">Brochures</a></li>
                <li><a href="Business Cards">Business Cards</a></li>
                <li><a href="CD & DVD Dupe">CD & DVD Duplication</a></li>
                <li><a href="Copies">Copies</a></li>
                <li><a href="Corp. ID">Corporate ID</a></li>
                <li><a href="Flyers">Flyers</a></li>
                <li><a href="Forms">Forms</a></li>
                <li><a href="Menus">Menus</a></li>
                <li><a href="Photo Collages">Photo Collages</a></li>
                <li><a href="Photo Enlargements">Photo Enlargements</a></li>
                <li><a href="Postcards">Postcards</a></li>
                <li><a href="Rack Cards">Rack Cards</a></li>
                <li><a href="Wide Format">Wide Format</a>
                  <ul>
                    <li><a href="Banners">Banners</a></li>
                    <li><a href="Posters">Posters</a></li>
                    <li><a href="Signs">Signs</a></li>
                  </ul>
                </li>
              </ul>
            </li>
            <li><a href="Services">SERVICES</a>
              <ul>
                <li><a href="Litigation">Litigation Services</a></li>
                <li><a href="Creative">Creative Services</a></li>
              </ul>
            </li>
            <li><a href="FAQs">FAQs</a>
            <li><a href="Contact Us">CONTACT US</a>
          </ul>
        </nav>
      </header>
      </div>
    <script type="text/javascript">$(".flexnav").flexNav();</script>
</div>
<div id="body">
    <div align="center"><img src="images/page templates/home pg tmplt blnk.png" alt="body"></div>
</div>
<div id="footer">
    <div align="center"><img src="images/Site Objects/footermainbck.png" alt="footer"></div>
</div>
</div>
</body>
</html>

I need help to store images in database

hi,
at present i am working in oracle, i need one help.
i want to create one directory in c:\drive and i have to store and retreive my images in that directory.i want to do in oracle only,i am not using any front end. i need coding for that,please give me coding to do that.first i have to store that images in my table.that image is in my desktop,how to call that image and how to store that image in my table and how to store that image in that directory. please give coding and ideas for that,help meeeeeeeeeeeeee.

You need to create a oracle directory which will point to the physical directory where picture or image file lies...
For this you need create directory privillege
Once you create the oracle directory..
Please see my sample try
create table sample_bfile(id number,photo bfile);
insert into sample_bfile values (1,bfilename('<oracle_dir_name>','<file_name>');
This will insert into the reference of the image in the column...
But you cant select this column in sqlplus which u might be knowing...
Then you can access the image with the front end
Regards,
Shasi

New to AI and need help with individual images

Hi,
A client sent me her website mock up as an .eps file. I can open that in Illustrator but I'm having a hard time "grabbing" the individual images and putting them into Fireworks and then ultimately they need to make their way to Dreamweaver (I know how to do that part!)
Can I get some help on saving the individual images in the design so that I can use them again?
Thanks
Debi

It's important to note you don't have to use any other app. But if you're unfamiliar with Ai, it may be easier.
If you've got an item you can't seem to select in Ai you need to check if it's locked, the layer's panel should show a little lock next to any locked object. That's another one of those questions that's practically impossible to answer effectively without seeing the file.

Need help placing photo image in laptop screen of a video...

I have footage that is both zooming and panning, and need a photo image to fit within the laptop screen space during the duration of the pan/zoom. Should I use "Track Motion" accompanied with key-framing in 2D? Does this make sense? Is there an easier way to achieve this, or is that the way to go?
Here is a rough take of the clip of which I speak. In reality, we will be placing the same image on both the HDTV and the laptop in the shot. Hopefully, this will make what I have said above a little more clear. Hope you can help. Thanks much.

If you have CS4 then I would recommend using Mocha for AE (a planar tracking software from imagineers system that comes bundled with AE CS4). It's basically designed for the kinds of stuff you described. There are some helpfull tutorials on the imagineer systems's website:
http://www.imagineersystems.com/support/mocha-AE/tutorials/

Need help finding moved image files

How would I find files after they have been moved? I travel and use a MB Pro laptop. The workflow I'm using is to download images to my desktop, review, rate and add keywords immediately. I make 2 backups, 1 to portable data store hard drive and one to DVD. Then every few days I erase the desktop image files. When I arrive home I download the entire trip's images from the portable storage to my desktop drives (2 500Gb SATA drives).
Is there an easy way to direct Aperture to look for the files in the new location? Or, failing that, is there a better way to work? I regularly have 40 - 60 Gb of images after a trip and the laptop hard drive is inadequate for the task.

The question isn't really clear to me yet. If you know what "the new location" is, then it's easy to make Aperture point to it. But that may not be the question. I think you may need to describe your workflow in more detail.
You don't say how to review etc images on the MBP. If you're using Aperture, it must be with a library. Are you using Managed images there? So is the problem how to transfer data -- images and edits and metadata -- from the library on the MBP to the library (with referenced images??) on the desktop?
Synchronizing libraries is not something Apple makes easy or offers any real help with. The best way to do it turns out to be to export one project at a time, connect to the other machine and its library, and import the projects. (In the process you might also Relocate images to make them referenced.)
But your note about the laptop drive being to small is confusing. I don't see where your images are when you're on the road.

Help with Rollover Image

Hello, i am new to using dreamweaver and setting up webpages. I was attempting to create a roll-over image in my navigation bar and the image is popping up and working, but the original image is still there next to it. Wondering if anyone has any idea on why the original image is still there in addition to the new image with the rollover. Any help would be appreciated!!
Here is the link to my page - http://steamboatplaces.com
Thanks a lot!
Erik

If you're talking about the "Home" button in particular, I see two instances of the image in your code (the rollover works just fine for me). You've got home_on.jpg and home_btn.gif (perhaps one is a placeholder, though?).
If you're still having a problem with the rollover, kindly post what browser and version you're using to preview the site (as I wasn't able to reproduce any problems with the rollover in Chrome and IE8/IE8 Compatibility Mode).

Need help inserting 2 rollover images in a footer

Similar Messages

Maybe you are looking for