Click here to Skip to main content
15,936,602 members
Please Sign up or sign in to vote.
0.00/5 (No votes)
See more:
I am new to HTML so want some help form the experts.
I have prepared a HTML page.
One one side I am having a map with mouse over function.
My requirement is when I move my cursor over the map, related info should appear on the remaining half of the page.
I have used following code to split the page
HTML
<div style="float:left; width:80%;">
Some text
<div style="float:right; width:20%; ">
some text</div></div>
Posted
Updated 25-Sep-13 0:21am
v2
Comments
Please describe the problem you are facing right now.
Member 10296446 25-Sep-13 7:29am    
Dear Sir, My problem is I have an image. Now when I move the cursor over it at specified coordinates it shows its title and alt text.
Now my requirement is to show some text data in remaing half of the page linked to those coordinates.
Hope this clear!

1 solution

hi,
Just assumed that "diva" having your map and "divb" having your information now you have set your stylesheet on hover effect like this.
CSS
.divb
{
float:right;
width:20%;
text-aligh:right;
top:100;//Edit this line of code as per your need and co-ordinates
left:500;//Edit this line of code as per your need and co-ordinates
position:absolute;
}
 
Share this answer
 
v2
Comments
Member 10296446 25-Sep-13 7:43am    
Thanks, but it is a css solution, I want in HTML
[no name] 25-Sep-13 7:48am    
ok then specify this code in particular div as inline style sheet code..

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)



CodeProject, 20 Bay Street, 11th Floor Toronto, Ontario, Canada M5J 2N8 +1 (416) 849-8900