473,320 Members | 1,839 Online
Bytes | Software Development & Data Engineering Community
Post Job

Home Posts Topics Members FAQ

Join Bytes to post your question to a community of 473,320 software developers and data experts.

mouseOver effect using CSS

I've been trying to create an image mouseOver effect using CSS without any success. My current css code is:

<a href="docs/sorry.html"><img src="images/member.jpg" width=190 height=45 border=0><a/>

the other image is located in the same place and called "member2.jpg"

Can you help please.
Feb 3 '12 #1
3 2386
Rabbit
12,516 Expert Mod 8TB
The HTML should be nested something like this:
Expand|Select|Wrap|Line Numbers
  1. <a><div></div></a>
Then your css should use a different background image using the hover.

Or if you don't want to store the image paths in the css sheet, you could nest the HTML like this:
Expand|Select|Wrap|Line Numbers
  1. <a><img><img></a>
And use CSS to toggle visibility or z-index.
Feb 3 '12 #2
I'm sorry Rabbit, but I don't understand your answer. Can you be a little more specific?

I've been trying to create an image mouseOver effect using CSS without any success. My current css code is:

<a href="docs/sorry.html"><img src="images/member.jpg" width=190 height=45 border=0><a/>

the other image is located in the same place and called "member2.jpg"

Can you try to help me again, please.
Feb 3 '12 #3
Rabbit
12,516 Expert Mod 8TB
If you're going to go the image route, you need both image elements in there. Then you can use the on hover to toggle the visibility of your image elements or modify the z-index.
Feb 3 '12 #4

Sign in to post your reply or Sign up for a free account.

Similar topics

8
by: al | last post by:
Hi, I've been trying to create a image mouseOver effect using CSS - is this possible? Or will I have to use DIV tags or something along those lines? I've tried a number of things - the code...
1
by: ACaunter | last post by:
Hi there, I have an ASP.NET page with 4 imagebuttons on the left and 1 big image in the middle.. i need to get a mouseover effect which changes the big middle picture everytime the mouse rolls...
2
by: Bendik Engebretsen | last post by:
I'm an ASP newbie and have just started experimenting with ASP.NET 2.0 using the VS.NET 2005 Beta. As a starting point I have used the 'Personal WEB site' starter kit. I am now trying to figure...
0
by: Chris | last post by:
Hi I have just started looking at VS 2005 Beta 2 (April CTP) to get up to speed with it before we start writing our next web projects. In particular, I have been playing with the skins and...
2
by: Dariusz Tomon | last post by:
Hi I got task to make my application much more attractive :( First of all I have to add hover (mouseover) effect to several buttons - imagebuttons - I only know manner with Java Script - but it...
2
Steve Kiss
by: Steve Kiss | last post by:
Is there a way to add javascript functionality, onmouseover to be specific, to an image defined with <asp:Image />?
1
by: saritbhatta | last post by:
hi all, I am trying to create a single drop down menu with submenu with smooth drop down effect using javascript,css and html. I am getting many examples but without any smooth effect. Can...
2
by: AndrewC | last post by:
I am using the Scriptaculous/Prototype libraries to build a project and I really want to have an effect like the mootools download page (http://www.mootools.net/download) where when you mouse over...
2
by: andrew | last post by:
Hi, I have a _very_ rough copy of a small image gallery that I am working on at this address: http://www.andrews-corner.org/temp/screenshots.html There is an odd cascading effect that has...
1
by: Wesley King | last post by:
I am trying to get a "slideshow" effect on my website. I have plenty of examples of it, but I cannot for the life of me find a tutorial on programming it. Examples would include: ...
0
by: DolphinDB | last post by:
Tired of spending countless mintues downsampling your data? Look no further! In this article, you’ll learn how to efficiently downsample 6.48 billion high-frequency records to 61 million...
0
by: Vimpel783 | last post by:
Hello! Guys, I found this code on the Internet, but I need to modify it a little. It works well, the problem is this: Data is sent from only one cell, in this case B5, but it is necessary that data...
0
by: jfyes | last post by:
As a hardware engineer, after seeing that CEIWEI recently released a new tool for Modbus RTU Over TCP/UDP filtering and monitoring, I actively went to its official website to take a look. It turned...
0
by: ArrayDB | last post by:
The error message I've encountered is; ERROR:root:Error generating model response: exception: access violation writing 0x0000000000005140, which seems to be indicative of an access violation...
1
by: PapaRatzi | last post by:
Hello, I am teaching myself MS Access forms design and Visual Basic. I've created a table to capture a list of Top 30 singles and forms to capture new entries. The final step is a form (unbound)...
0
by: CloudSolutions | last post by:
Introduction: For many beginners and individual users, requiring a credit card and email registration may pose a barrier when starting to use cloud servers. However, some cloud server providers now...
0
by: Defcon1945 | last post by:
I'm trying to learn Python using Pycharm but import shutil doesn't work
1
by: Shællîpôpï 09 | last post by:
If u are using a keypad phone, how do u turn on JavaScript, to access features like WhatsApp, Facebook, Instagram....
0
by: af34tf | last post by:
Hi Guys, I have a domain whose name is BytesLimited.com, and I want to sell it. Does anyone know about platforms that allow me to list my domain in auction for free. Thank you

By using Bytes.com and it's services, you agree to our Privacy Policy and Terms of Use.

To disable or enable advertisements and analytics tracking please visit the manage ads & tracking page.