Click here to Skip to main content
11,492,974 members (55,126 online)
Rate this: bad
Please Sign up or sign in to vote.
See more: ASP.NET HTML
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
0 Sergey Alexandrovich Kryukov 419
1 Maciej Los 286
2 F-ES Sitecore 224
3 KarstenK 210
4 CPallini 208
0 Sergey Alexandrovich Kryukov 10,062
1 OriginalGriff 8,620
2 Sascha Lefèvre 3,609
3 Maciej Los 3,372
4 Richard Deeming 2,500

Advertise | Privacy | Mobile
Web02 | 2.8.150520.1 | Last Updated 24 Feb 2013
Copyright © CodeProject, 1999-2015
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