Hi All

I am having a problem with my Text/HTML Module.

If I insert an image into the module with a Javascript link (window.open), it makes a 2px border below the image, and pushes my layout right out. How can I solve this problem?

Thanks.

The simple (but probably not very helpful) answer is that you'll need to figure out what is causing the border and change it. No doubt, there's a CSS style somewhere that does this.

I would also ask why you are doing this with javascript? The more conventional way would be to use an img tag. The "usual" editors in DotNetNuke give you an easy way to insert an image.

I have added the image with a normal HTML image tag in the TEXT/HTML Module. The only thing that is javasript is the link, not the image.

I have added the image with a normal HTML image tag in the TEXT/HTML Module. The only thing that is javasript is the link, not the image.

Is the javascript inserted automatically? Which editor are you using?

I insert the javascript in the source of the TEXT/HTML module, it is not inserted automatically, but hardcoded.

OK. I'd only add the usual suggestion that you might be able to use the Web Developer's Toolbar to debug this issue.

I tried that, it wasn't very helpful. It didn't tell me anything more than I already knew. I tried to find a module that would cater for an image link with a javascript window.open link, but couldn't find anything.

Have you tried adding CSS to your skin.css such as:

img a {
border: 0
}

- This will remove all borders from any images that are links

Yes I tried that as well as making the div, td, span, etc have no margin, padding and border, nothing changed, thist is really strange in my opinion.

Have you viewed the source code produced for the page? - Have a look around the javascript section and see if anything looks out of place

This is the code that is around the module:



< table border="0" cellpadding="0" cellspacing="0" width="244"> < tbody> < tr> < td valign="top"> < br> < br> < table style="height: 157px;" border="0" cellpadding="0" cellspacing="0" width="100%"> < tbody> < tr> < td id="dnn_AdvertImage" class="ADPicBG borderTop borderBottom" height="157" valign="top" width="121"> < a name="1955"> < /a>


I also tried giving the Normal class no padding, margin and border, etc.

This is the actual page that it is on, the site is still currently under development, but as you can see it happens under the image next to the advert text (to the left), under the read more link (under the advert text) and under the environment banner, they are all created in the same way.

< table style="margin: 0px; padding: 0px;" cellpadding="0" cellspacing="0" width="100%"> < tbody> < tr> < td id="dnn_ctr1955_ContentPane" align="left"> < !-- Start_Module_1955 --> < div id="dnn_ctr1955_ModuleContent"> < br> < span id="dnn_ctr1955_HtmlModule_HtmlModule_lblContent" class="Normal"> < a onclick="window.open('http://ppg.webnow.co.za/Portals/11/Home/DairypackTubsAd.jpg','','width=800,height=578');" href=";"> < img alt="Latest Print Ad" src="https://www.dnncreative.com/Portals/11/Home/LatestPrintAd.jpg" border="0" height="159" hspace="0" vspace="0" width="121"> < /a> < /span> < br> < !-- End_Module_1955 --> < br>

ok, nothing stands out, at this point I would do a search on Google for images with javascript links and see if a solution is posted outside of the DNN scene, let us know if you find a solution.

Sorry forgot to add the URL http://ppg.webnow.co.za/dairypacktubs/