Jon Spivey - Tables/ Layers lock

[Brand]

Thank for answering my post below Jon,

I recently needed help with Javascript in my FP2003 made
site. First Menu's then image rotation/ fade were the
problems. After trying unsuccessfully here for awhile I
went to the Javascript source - great guys actually.

The actual thread is;
http://forums.webdeveloper.com/showthread.php?
s=9d2e7381281805f2b4c027b90296c74e&threadid=31764&perpage=1
5&pagenumber=2

I notice however that this link someimes doesn't work
directly so try this one too
http://forums.webdeveloper.com/index.php?
s=9d2e7381281805f2b4c027b90296c74e

which lists all the Forums, then go to "Javascript" and
look up my thread under "Brand". Unlike this forum their
threads stay current on page one if answered. I have
answered mine since yesterday so its on page two now.

Basically, a good javascript coder helped me out with 4 in-
line rotating/ fading images I was having trouble with.
Unfortunately they built the page with Layers, while I
wanted to use Tables. Now I have to lock the images in
their layer inside my, ideal, page table.

Eventually I want this to be a .dwt as a basic template
for my static pages so its important to me.

Thanks

 

[Jon Spivey]

Hi,
you can just stick the images in table cells instead of divs, eg change
<div id="top" align="center" style="position:absolute;top:10px;">
<div id="logo" style="width:155px;height:150px;float:left">
<img src="logo.jpg" width="155px" height="150px" alt="logo">
</div>
<div id="pic0a" style="width:200px;height:150px;float:left">
<img src="pic1a.jpg" id="pic0" width="200px" height="150px"
alt="picture">
</div>
to
<table>
<td id="logo" style="width:155px;height:150px;float:left">
<img src="logo.jpg" width="155px" height="150px" alt="logo">
</td>
<td id="pic0a" style="width:200px;height:150px;float:left">
<img src="pic1a.jpg" id="pic0" width="200px" height="150px"
alt="picture">
</td>

There's no reason the images need to be in divs

Jon
Microsoft MVP - FP

 

[Brand]

Thank you very much Jon,

I'll try it!

Regards,

-----Original Message-----
Hi,
you can just stick the images in table cells instead of divs, eg change
<div id="top" align="center" style="position:absolute;top:10px;">
<div id="logo" style="width:155px;height:150px;float:left">
<img src="logo.jpg" width="155px" height="150px" alt="logo">
</div>
<div id="pic0a" style="width:200px;height:150px;float:left">
<img src="pic1a.jpg" id="pic0" width="200px" height="150px"
alt="picture">
</div>
to
<table>
<td id="logo" style="width:155px;height:150px;float:left">
<img src="logo.jpg" width="155px" height="150px" alt="logo">
</td>
<td id="pic0a" style="width:200px;height:150px;float:left">
<img src="pic1a.jpg" id="pic0" width="200px" height="150px"
alt="picture">
</td>

There's no reason the images need to be in divs

Jon
Microsoft MVP - FP



.