How to position image displayed from a link?

  • Thread starter Thread starter Pheasant Plucker®
  • Start date Start date
P

Pheasant Plucker®

Hi there,

Trying to use FP 2003 but struggling to position or locate an image that is
displayed from another website from a link?

The link in question is from here;

http://www.calculatorcat.com/moon_phases/daily_moon_phases.phtml

and when I cut & paste the generated code into my page it does display but
not where I want it.

Could some kind soul please point me towards a resource or better still
explain what I have to do to locate the image where I want it to go?

FYI the code is;

<!-- // Begin Current Moon Phase HTML (c) CalculatorCat.com // --><div
style="width:223px"><div style="padding:2px;background-color:#000000;border:
1px solid #000000"><div
style="padding:16px;padding-bottom:6px;padding-top:6px;border: 1px solid
#AFB2D8" align="center"><div
style="padding-bottom:7px;color:#FFFFFF;font-family:arial,helvetica,sans-serif;font-size:11px;letter-spacing:.3em;">CURRENT
MOON</div><script language="JavaScript" type="text/javascript">var ccm_cfg =
{ pth:"http://www.moonmodule.com/cs/", fn:"ccm_h1.swf", lg:"en", hs:1,
tf:"24hr", scs:1, df:"std", dfd:0, tc:"FFFFFF", bgc:"000000", mc:"000000",
fw:184, fh:79, js:0, msp:0, u:"cc" }</script><script language="JavaScript"
type="text/javascript"
src="http://www.moonmodule.com/cs/ccm_fl.js"></script><div
style="padding-top:5px" align="center"><a
href="http://www.calculatorcat.com/moon_phases/moon_phases.phtml"
target="cc_moon_ph"
style="font-size:10px;font-family:arial,verdana,sans-serif;color:#7F7F7F;text-decoration:underline;background:#000000;border:none;"><span
style="color:#7F7F7F">moon phase</span></a></div></div></div></div><!-- //
end moon phase HTML // -->

If I just paste in the code the image generated displays at the top left of
the page.

I want it to be right justified about a third of the way down the page if
that makes sense?
 
The device will be displayed wherever you paste it into your page. If you
have a table on the page that has a cell at that location, and you paste
this code into that cell, then that's where it will be displayed.

You could try pasting it into this code placed right at the bottom of the
page (immediately before </body>) -

<div style="position:absolute;top:35%;right:0;">
<!-- Paste here -->
</div>
 
Back
Top