Click here to Skip to main content
Rate this: bad
good
Please Sign up or sign in to vote.
See more: ASP.NET HTML
I am working on a epapper application like wwww.express.com.pk 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">  
  </div>
 
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;"
           onmouseout="ClearElement(this,'xb')"
           önmouseover="HighLightElement(this,'art','xb')">
      </div>
 
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 1:09am

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

  Print Answers RSS
0 CHill60 590
1 Sergey Alexandrovich Kryukov 467
2 OriginalGriff 285
3 PIEBALDconsult 285
4 BillWoodruff 173


Advertise | Privacy | Mobile
Web03 | 2.8.141015.1 | Last Updated 24 Feb 2013
Copyright © CodeProject, 1999-2014
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