Click here to Skip to main content
13,353,322 members (52,384 online)
Rate this:
Please Sign up or sign in to vote.
See more:
I am working on a epapper application like and facing some challenges. So far what I know is, the front page of epaper website is actually a single large image. When user hover mouse over any news on that front page (single large image), I have to highlight that news(portion of that single large image). I have done something like this. My front page is (single large image)

<div id="Express_MainContent_imgdiv">
  <img src="Images/FrontPage1.jpg" border="0">  

and i manage to highlight specific news on that like this

<div onclick="NewWindow('PoPupwindow.aspx?newsID=1101762621"
         id="div1" name="div1" style="border:
         2px solid red; removed: pointer; z-index: 15;
         removed: absolute; removed 155px;
         removed 223px; width: 242px; height: 74px;"

But I am doing this manually. The challenge is every news(portion of image) has different size and length etc. How can I apply styling dynamically on every news (highlighting that news, or bordering) on the front page. If you have any solution or apart from what I have done, Please share.

Thanks in advance.
Posted 24-Feb-13 2:09am

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

  Print Answers RSS
Top Experts
Last 24hrsThis month

Advertise | Privacy |
Web03 | 2.8.180111.1 | Last Updated 24 Feb 2013
Copyright © CodeProject, 1999-2018
All Rights Reserved. Terms of Service
Layout: fixed | fluid

CodeProject, 503-250 Ferrand Drive Toronto Ontario, M3C 3G8 Canada +1 416-849-8900 x 100