How to hover an image navigation?

Hello everyone! I hope someone can help me. I've been
following the
Dreamweaver
Tutorial, but i still have a problem on how to hover an image
navigation. I just followed the code format on the guide which is
shown below:
quote:
.navigation{
font-family: Verdana, sans-serif;
font-size: 16px;
font-style: normal;
font-weight: bold;
color: #FFFFFF;
text-decoration: none;
background-color: #993300;
display: block;
padding: 8px;
width: 140px;
.navigation:hover{
font-family: Verdana, sans-serif;
font-size: 16px;
font-style: normal;
font-weight: bold;
color: #FFFFFF;
text-decoration: none;
background-color: #D03D03;
display: block;
padding: 8px;
width: 140px;
and what i did is:
quote:
.navigation{
display: block;
color:#009;
.navigation:hover{
display: block;
color:#009;
background-image:url(images/gallerybtn2.jpg);
can anyone enlighten me up? I just need it badly for my
school project. :(

It's just on my desktop. The code DW created when I used the CSS Transition function begins at .navHome:hover. What comes before that is mine. Important point is that the image is in the html and I suspect it's not responding as background. If I put it in CSS as a background image I don't know how to make it work as a link.
#navPrimary {
    width: 100%;
    float: left;
    margin-bottom: 15px;;
#navPrimary li {
    float: left;
    list-style: none;
    height: 40px;
    padding-top: 10px;
    padding-bottom: 10px;
.navHome:hover {
    background-position: -10px;
.navBoiko:hover {
    background-position: -10px;
.navNatasha:hover {
    background-position: -10px;
.navBooks:hover {
    background-position: -10px;
.navGames:hover {
    background-position: -10px;
.navHome {
    padding-top: -10px;
    -webkit-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
.navBoiko {
    padding-top: -10px;
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
.navNatasha {
    padding-top: -10px;
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
.navBooks {
    padding-top: -10px;
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
.navGames {
    padding-top: -10px;
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;

Similar Messages

How do I modify an Image Navigator Image?

I'd like to modify one of the symbols in the image navigator by adding color to it and use it on a Labview panel. I can easily export or copy the image to a graphics application and add the color or otherwise modify it, but when I put it back into the image navigator and then place it on a panel, it has an opaque white, rectangular background. Is there a way to eliminate the background or make it transparent?

May be you will find an answer here
Hope this helps.
CC
Chilly Charly (aka CC)
E-List Master - Kudos glutton - Press the yellow button on the left...

How to display the image which in KM folder using url iview

Hi Friends
How to display the image, which is under KM folder structur using the url iview.
i trying using url iview url as \document\testfolder\abc.jpg as url for the iview.
but its now working .. so please help me how to slove this problem
If is not the correct way then please suggest me best way to achive this.
Thanks
Mukesh

Hi Mukesh,
I think this may work,
1, Create a HTML Layout.
    You can put your image wherever u want with HTML Codes.
    Check this, [Article|https://www.sdn.sap.com/irj/sdn/go/portal/prtroot/docs/library/uuid/3915a890-0201-0010-4981-ad7b18146f81] & [Help|http://help.sap.com/saphelp_nw04/helpdata/en/cc/00c93e9b2c3d67e10000000a114084/frameset.htm]
    With this, u can use the standard KM commands also.
2, U need to use KM Navigation iView for this rather than KM Doc iView.
3, In the Nav iView, u can use &rndLayoutSet=nameOfUrHTMLLayout to force the view with this new layout.
Regards
BP

Image navigation bar for ePub Children's book export?

I'm designing children's picture books in ID for export to ePub. I've seen some such books on my nook (ePub) that have an image navigation bar that pops up at the bottom of the page. Readers can scroll through reduced images of pages quickly on this navigation bar, tap a particular image and go directly to that page. I've looked through lots of tutorials but I don't see any that show how to do this. Can you point me to a tutorial that teaches me how to make this navigation bar?
Carolivia Herron
[email protected]

Exploring further, I see that there are some examples on the web of experiments with JavaScript on iBooks (don't know if they're supported on the Nook).
Here's an example of a children's book interface from the Three Press Consulting blog:
http://blog.threepress.org/2011/01/31/cost-effective-development-of-enhanced-content-with- epub3-digital-book-world-2011/
Here's some commentary on another blog about experiments which extend beyond the EPUB specification:
http://blog.booki.sh/blog/post/epub-3-0-and-scripted-content-documents/

Image navigator

I am trying to use a custom graphic from the image navigator in an expression in the Lookout 6.0.2 program, but when I use this graphic and convert it to a WMF, Lookout returns an error "Graphics Directory Does Not Exit!". The graphic I am modifying is the T-Intersection pipe that is located in the NI Pipes folder that is accessed with the image navigator. I have rotated this particular pipe 270 degrees and shaded it with a turquoise fill color. I have used the straight Pipe and Elbow pipes from this folder and altered them then converted them to WMF with no problem. Any assistance with this problem or a work around would be appreciated. Thanks. Werner
Werner Knight

I got the same error. It seems that something wrong with "T intersection".
How about use "Tee_L.wmf" instead? Insert->Graphic->Pipes->Tee_L.wmf
Ryan Shi
National Instruments

How to capture an image from my usb camera and display on my front panel

How to capture an image from my usb camera and display on my front panel

Install NI Vision Acquisition Software and NI IMAQ for USB and open an example.
Christian

How do I add image upload to web app edit template?

How do I add image upload to web app edit template. When creating fields I am selecting image from the field type. But the only way to upload and image is when I create the web app item within the admin. The option to upload an image is not available when the user submit web form opens.
Wont send any of these questions through this email anymore but really needed assistance.
Thanks,
Gordon

On the Details tab of the Web App setup, under Web App Item Options; have you ticked "Allow File Upload" and specified a Default Upload Folder?

How to get all images from folder in c#?

I am trying to get all images from folder. But it is not executing from following:
string path=@"C:\wamp\www\fileupload\user_data";
            string[] filePaths = Directory.GetFiles(path,".jpg");
            for (int i = 0; i < filePaths.Length; i++)
                dataGridImage.Controls.Add(filePaths[i]);
Please give me the correct solution.

How to display all images from folder in picturebox in c#?
private void Form1_Load(object sender, EventArgs e)
string[] files = Directory.GetFiles(Form1.programdir + "\\card_images", "*", SearchOption.TopDirectoryOnly);
foreach (var filename in files)
Bitmap bmp = null;
try
bmp = new Bitmap(filename);
catch (Exception e)
// remove this if you don't want to see the exception message
MessageBox.Show(e.Message);
continue;
var card = new PictureBox();
card.BackgroundImage = bmp;
card.Padding = new Padding(0);
card.BackgroundImageLayout = ImageLayout.Stretch;
card.MouseDown += new MouseEventHandler(card_click);
card.Size = new Size((int)(this.ClientSize.Width / 2) - 15, images.Height);
images.Controls.Add(card);
Free .NET Barcode Generator & Scanner supporting over 40 kinds of 1D & 2D symbologies.

How can I assign image file name from Main() class

I am trying to create library class which will be accessed and used by different applications (with different image files to be assigned). So, what image file to call should be determined by and in the Main class.
Here is the Main class
import org.me.lib.MyJNIWindowClass;
public class Main {
public Main() {
public static void main(String[] args) {
MyJNIWindowClass mw = new MyJNIWindowClass();
mw.s = "clock.gif";
And here is the library class
package org.me.lib;
public class MyJNIWindowClass {
public String s;
ImageIcon image = new ImageIcon("C:/Documents and Settings/Administrator/Desktop/" + s);
public MyJNIWindowClass() {
JLabel jl = new JLabel(image);
JFrame jf = new JFrame();
jf.add(jl);
jf.setVisible(true);
jf.pack();
I do understand that when I am making reference from main() method to MyJNIWindowClass() s first initialized to null and that is why clock could not be seen but how can I assign image file name from Main() class for library class without creating reference to Main() from MyJNIWindowClass()? As I said, I want this library class being accessed from different applications (means different Main() classes).
Thank you.

Your problem is one of timing. Consider this simple example.
public class Example {
    public String s;
    private String message = "Hello, " + s;
    public String toString() {
        return message;
    public static void main(String[] args) {
        Example ex = new Example();
        ex.s = "world";
        System.out.println(ex.toString());
}When this code is executed, the following happens in order:
1. new Example() is executed, causing an object to constructed. In particular:
2. field s is given value null (since no value is explicitly assigned.
3. field message is given value "Hello, null"
4. Back in method main, field s is now given value "world", but that
doesn't change message.
5. Finally, "Hello, null" is output.
The following fixes the above example:
public class Example {
    private String message;
    public Example(String name) {
        message = "Hello, " + name;
    public String toString() {
        return message;
    public static void main(String[] args) {
        Example ex = new Example("world");
        System.out.println(ex.toString());
}

How can I display images that are not included in any collection?

How can I display images that are not included in any collection (some filter or smart collection)? A smart collection with parameters "Collection - contains - empty field" does not work. Lightroom 5.

Thank you! Good idea! I ordered letters of the alphabet (space separated), and it works.

How can I draw image in a vbean?

How can I draw image in a vbean?
this is my code :
import java.awt.BorderLayout;
import java.awt.Image;
import java.awt.Graphics;
import java.net.MalformedURLException;
import java.net.URL;
import com.sun.jimi.core.Jimi;
import oracle.forms.handler.IHandler;
import oracle.forms.properties.ID;
import oracle.forms.ui.VBean;
public class PrintEmailLogo extends VBean {
     URL url;
     Image img;
     boolean ImageLoaded = false;
     public void paint(Graphics g) {
          if (ImageLoaded) {
               System.out.println("yes~~~");
               g.drawImage(img, 0, 0, null);
          } else
               System.out.println("no~~~");
     public boolean imageUpdate(Image img, int infoflags, int x, int y, int w,
               int h) {
          if (infoflags == ALLBITS) {
               System.out.println("yes");
               ImageLoaded = true;
               repaint();
               return false;
          } else
               return true;
     public void init(IHandler arg0) {
          super.init(arg0);
          try {
               url = new URL("file:print/77G.gif");
               img = Jimi.getImage(url);
               Image offScreenImage = createImage(size().width, size().height);
               Graphics offScreenGC = offScreenImage.getGraphics();
               System.out.println(offScreenGC.drawImage(img, 0, 0, this));
          } catch (MalformedURLException e) {
               // TODO Auto-generated catch block
               e.printStackTrace();
but when I run it in forms
when it run Graphics offScreenGC = offScreenImage.getGraphics();
It throw a exception:
java.lang.NullPointerException     at com.avicit.aepcs.calendar.PrintEmailLogo.init(PrintEmailLogo.java:72)     at oracle.forms.handler.UICommon.instantiate(Unknown Source)     at oracle.forms.handler.UICommon.onCreate(Unknown Source)     at oracle.forms.handler.JavaContainer.onCreate(Unknown Source)     at oracle.forms.engine.Runform.onCreateHandler(Unknown Source)     at oracle.forms.engine.Runform.processMessage(Unknown Source)     at oracle.forms.engine.Runform.processSet(Unknown Source)     at oracle.forms.engine.Runform.onMessageReal(Unknown Source)     at oracle.forms.engine.Runform.onMessage(Unknown Source)     at oracle.forms.engine.Runform.processEventEnd(Unknown Source)     at oracle.ewt.lwAWT.LWComponent.redispatchEvent(Unknown Source)     at oracle.ewt.lwAWT.LWComponent.processEvent(Unknown Source)     at java.awt.Component.dispatchEventImpl(Unknown Source)     at java.awt.Container.dispatchEventImpl(Unknown Source)     at java.awt.Component.dispatchEvent(Unknown Source)     at java.awt.LightweightDispatcher.retargetMouseEvent(Unknown Source)     at java.awt.LightweightDispatcher.processMouseEvent(Unknown Source)     at java.awt.LightweightDispatcher.dispatchEvent(Unknown Source)     at java.awt.Container.dispatchEventImpl(Unknown Source)     at java.awt.Component.dispatchEvent(Unknown Source)     at java.awt.EventQueue.dispatchEvent(Unknown Source)     at java.awt.EventDispatchThread.pumpOneEventForHierarchy(Unknown Source)     at java.awt.EventDispatchThread.pumpEventsForHierarchy(Unknown Source)     at java.awt.EventDispatchThread.pumpEvents(Unknown Source)     at java.awt.EventDispatchThread.run(Unknown Source)
I change it to:
import java.awt.BorderLayout;
import java.awt.Image;
import java.awt.Graphics;
import java.net.MalformedURLException;
import java.net.URL;
import javax.swing.JFrame;
import com.sun.jimi.core.Jimi;
import oracle.forms.handler.IHandler;
import oracle.forms.properties.ID;
import oracle.forms.ui.VBean;
public class PrintEmailLogo extends VBean {
     URL url;
     Image img;
     public void paint(Graphics g) {
          try {
               url = new URL("file:print/77G.gif");
               img = Jimi.getImage(url);
               g.drawImage(img, 0, 0, this));
          } catch (MalformedURLException e) {
               // TODO Auto-generated catch block
               e.printStackTrace();
     public void init(IHandler arg0) {
          super.init(arg0);
But it display nothing.
It isn't paint continuous.
what's wrong in my vbean?
please help me.

The following code works fine for me:
package oracle.forms.fd;
import java.awt.*;
import java.awt.event.*;
import java.net.*;
import java.util.*;
import javax.swing.*;
import javax.swing.event.*;
import oracle.forms.handler.IHandler;
import oracle.forms.properties.ID;
import oracle.forms.ui.CustomEvent;
import oracle.forms.ui.VBean;
public class test extends VBean {
private URL url;
private URL m_codeBase;
private Image img;
public void paint(Graphics g) {
// draw the image
g.drawImage(img, 0, 0, this);
public void init(IHandler arg0) {
   super.init(arg0);
   // load image file
   img = loadImage("file:///c:/coyote.jpg");
public test()
    super();
   * Load an image from JAR file, Client machine or Internet URL *
private Image loadImage(String imageName)
    URL imageURL = null;
    boolean loadSuccess = false;
    Image img = null ;
    //JAR
    imageURL = getClass().getResource(imageName);
    if (imageURL != null)
      try
        img = Toolkit.getDefaultToolkit().getImage(imageURL);
        loadSuccess = true;
        return img ;
      catch (Exception ilex)
        System.out.println("Error loading image from JAR: " + ilex.toString());
    else
      System.out.println("Unable to find " + imageName + " in JAR");
    //DOCBASE
    if (loadSuccess == false)
      System.out.println("Searching docbase for " + imageName);
      try
        if (imageName.toLowerCase().startsWith("http://")||imageName.toLowerCase().startsWith("https://"))
          imageURL = new URL(imageName);
        else if(imageName.toLowerCase().startsWith("file:"))
          imageURL = new URL(imageName);
        else
          imageURL = new URL(m_codeBase.getProtocol() + "://" + m_codeBase.getHost() + ":" + m_codeBase.getPort() + imageName);
        System.out.println("Constructed URL: " + imageURL.toString());
        try
          img = createImage((java.awt.image.ImageProducer) imageURL.getContent());
          loadSuccess = true;
          System.out.println("Image found: " + imageURL.toString());
          return img ;
        catch (Exception ilex)
          System.out.println("Error reading image - " + ilex.toString());
      catch (java.net.MalformedURLException urlex)
        System.out.println("Error creating URL - " + urlex.toString());
    //CODEBASE
    if (loadSuccess == false)
      System.out.println("Searching codebase for " + imageName);
      try
        imageURL = new URL(m_codeBase, imageName);
        System.out.println("Constructed URL: " + imageURL.toString());
        try
          img = createImage((java.awt.image.ImageProducer) imageURL.getContent());
          loadSuccess = true;
          System.out.println("Image found: " + imageURL.toString());
          return img ;
        catch (Exception ilex)
                System.out.println("Error reading image - " + ilex.toString());
      catch (java.net.MalformedURLException urlex)
        System.out.println("Error creating URL - " + urlex.toString());
    if (loadSuccess == false)
      System.out.println("Error image " + imageName + " could not be located");
    return img ;
}Francois

How can I display images in drop down.

Hi All,
How can I display images in drop down.
<select><option>image here</option></select>
please reply soon.
anser please
Thanks

I have not found html forum..That's just incredible.
where can i find it ?Sorry, I'm still recovering from that remark.
please reply soonEvery time you end a post with this, or "urgent" or other such keywords, the forum automatically introduces a 5 minute delay so that will actually make the whole process slower (not faster).

How can i display image in RTF template when Oracle Apps running in Windows

Can any body help how can i display image in RTF template when oracle apps running in Windows Server.
Thanks
Ravi

Hi Ravi,
You can add images into your rtf template using MS Word Insert Picture feature.
Did you try this method?
Thanks
Ravi
[email protected]

How do I delete images in Finder's "all my Files" when I have the same pictures in a file in Documents? It seems like a lot of duplication. If I delete the individual image it disappears in the folder. Thank You.

How do I delete images in Finder's "all my files" without deleting the images in a separate folder I have in Documents? It seems to be so much duplication. Just set up our new Mac and am not understanding how the files work. Thank you.

All My files is a "search folder"
it isn't real storage location. All files within your home folder are found by the criteria set for the search folder and displayed to you In one place.
If the folder doesn't meet your needs, remove it from the sidebar.

How to import multiple images at the same time in illustrator?

How to import multiple images in a document at the same time in illustrator?
It's possible?

Script: Place Multiple Files in Illustrator (Kelso)
http://kelsocartography.com/blog/?p=2047

How to hover an image navigation?

Similar Messages

Maybe you are looking for