Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

Register Log in
  • Congratulations gkittelson on being selected by the Tek-Tips community for having the most helpful posts in the forums last week. Way to Go!

Images on table doesnt show on Netscape.

Status
Not open for further replies.
AtlasII

AtlasII

Programmer
Aug 1, 2001
35
US
I need help on this. It works all right in IE5.5 but it doesn't work well in netscape 4.7. in Netscape, the positioning works but images don't appear. How can I get images back? I need this to work because I'm trying to force the table to stay on top left corner.

Here's the code, from CSS file

.tablelink { left: 0px; top: 0px; clip: rect( ); position: absolute}
 
Sort by date Sort by votes
I forgot to add one more. I put tablelink as class in:

<div align=&quot;left&quot; valign=&quot;top&quot; class=&quot;tablelink&quot;>
(Below is a table)
</div>

The positioning works but as I told before, images didn't appear.
 
Upvote 0 Downvote
culd u post here a little more of ur code? i mean the part that is about images? regards, vic
 
Upvote 0 Downvote
All right. Here's the codes. I'm only redesigning the website. The codes are hard to read because it was written by frontpage. I'm using Dreamweaver 4.0. You can copy and paste on a notepad or wordpad, so you can read better. Hope you can help me. Thanks.

<html>

<head>
<meta http-equiv=&quot;Content-Type&quot; content=&quot;text/html; charset=iso-8859-1&quot;>
<title>About the PaSDC</title>

<meta name=&quot;Microsoft Border&quot; content=&quot;tlb, default&quot;>
<link rel=&quot;stylesheet&quot; href=&quot;file:///C|/pasdc/pasdc.css&quot; type=&quot;text/css&quot;>
</head>

<body stylesrc=&quot;../index.html&quot; link=&quot;#000080&quot; vlink=&quot;#B4B1C4&quot;>
<div class=&quot;tablelink05&quot;>
<table border=&quot;0&quot; cellpadding=&quot;0&quot; cellspacing=&quot;0&quot; width=&quot;100%&quot;>
<td valign=&quot;top&quot;>
<div align=&quot;left&quot;>
<table border=&quot;0&quot; cellpadding=&quot;0&quot; cellspacing=&quot;0&quot; width=&quot;875&quot; style=&quot;float: left; padding-left: 0px&quot; height=&quot;108&quot;>
<tr>
<td width=&quot;11&quot; bgcolor=&quot;#B4B1C4&quot; align=&quot;left&quot; height=&quot;1&quot;><a href=&quot;What_is_the_PaSDC.html&quot;><img src=&quot;../images/What_is_the_PaSDC.gif&quot; alt=&quot;What is the PaSDC?&quot; border=&quot;0&quot; WIDTH=&quot;130&quot; HEIGHT=&quot;25&quot;></a><a href=&quot;Staff.html&quot;><img src=&quot;../images/Staff.gif&quot; alt=&quot;Staff&quot; border=&quot;0&quot; WIDTH=&quot;130&quot; HEIGHT=&quot;25&quot;></a><a href=&quot;Ask_the_Experts.html&quot;><img src=&quot;../images/Ask_The_Experts.gif&quot; alt=&quot;Ask The Experts&quot; border=&quot;0&quot; WIDTH=&quot;130&quot; HEIGHT=&quot;25&quot;></a><a href=&quot;/pasdc/conf2001/index.htm&quot;><img src=&quot;../images/conference.gif&quot; alt=&quot;Conference&quot; border=&quot;0&quot; WIDTH=&quot;130&quot; HEIGHT=&quot;25&quot;></a><a href=&quot;../whats_new/employment_opportunities.html&quot;><img src=&quot;../images/employment.gif&quot; alt=&quot;Employment&quot; border=&quot;0&quot; WIDTH=&quot;130&quot; HEIGHT=&quot;25&quot;></a><a href=&quot;../feedback/feedback.html&quot;><img src=&quot;../images/feedback.gif&quot; alt=&quot;Feedback&quot; border=&quot;0&quot; WIDTH=&quot;130&quot; HEIGHT=&quot;25&quot;></a><a target=&quot;_blank&quot; href=&quot;../statistics/daily.html&quot;><img src=&quot;../images/Web_Site_Statistics.gif&quot; alt=&quot;Web Site Statistics&quot; border=&quot;0&quot; WIDTH=&quot;130&quot; HEIGHT=&quot;25&quot;></a></td>
<td width=&quot;26&quot; align=&quot;left&quot; height=&quot;108&quot; rowspan=&quot;2&quot;></td>
<td width=&quot;374&quot; align=&quot;left&quot; height=&quot;108&quot; valign=&quot;top&quot; rowspan=&quot;2&quot;> 
<p><strong>Welcome to the Pennsylvania State Data Center!</strong></p>
<p>The PaSDC is the Commonwealth's official source of demographic
and economic data.</p>
<p>This page includes general information about the PaSDC along
with data, information, products and services.
</td>
<td width=&quot;373&quot; align=&quot;left&quot; height=&quot;108&quot; rowspan=&quot;2&quot;></td>
</tr>
<tr>
<td width=&quot;11&quot; align=&quot;left&quot; height=&quot;107&quot;></td>
</tr>
</table>
</div>
<table border=&quot;0&quot; cellpadding=&quot;0&quot; cellspacing=&quot;0&quot; width=&quot;765&quot;>
<tr height=30>
<P>
</tr>
<tr>
<td>
<p align=center><small><img src=&quot;/pasdc/images/Bullet.gif&quot; align=&quot;absmiddle&quot;><a href=/pasdc/Products_and_Services/Catalog.pdf>Product
Catalog </a><img src=&quot;/pasdc/images/Bullet.gif&quot; align=&quot;absmiddle&quot;><a href=/pasdc/About_the_PaSDC/Brochur3.pdf>PaSDC
Brochure</a> <img src=&quot;/pasdc/images/Bullet.gif&quot; align=&quot;absmiddle&quot;><a href=/pasdc/Whats_New/Whats_New.html>Product
Announcement </a><img src=&quot;/pasdc/images/Bullet.gif&quot; align=&quot;absmiddle&quot;><a href= >eStore
</a></small>
<P>
</td>
</tr>
<tr>
<td width=&quot;765&quot;>
<p align=&quot;center&quot;><small>777 West Harrisburg Pike<img src=&quot;../_borders/Bullet.gif&quot; alt=&quot;*&quot; align=&quot;absmiddle&quot; WIDTH=&quot;16&quot; HEIGHT=&quot;15&quot;>Middletown,
PA 17057-4898</small><br>
<small>E-mail: <a href=&quot;mailto:paSDC@psu.edu&quot;>PaSDC@psu.edu</a><img src=&quot;../_borders/Bullet.gif&quot; alt=&quot;*&quot; align=&quot;absmiddle&quot; WIDTH=&quot;16&quot; HEIGHT=&quot;15&quot;>Voice:
(717) 948-6336</small><img src=&quot;../_borders/Bullet.gif&quot; alt=&quot;Bullet.gif (957 bytes)&quot; align=&quot;absmiddle&quot; WIDTH=&quot;16&quot; HEIGHT=&quot;15&quot;><small>FAX:
(717) 948-6754</small><font size=&quot;2&quot;><br>
<br>
<script>document.write(&quot;Last Updated on &quot; + document.lastModified + &quot;.<br>&quot;)</script>
Comments: <a href=&quot;mailto:paSDC-Webmaster@psu.edu&quot;>PaSDC-Webmaster@psu.edu</a></font>
<p> </p>
</td>
</tr>
<!--msnavigation-->
</table>
</table>
</div>
</body>
</html>
 
Upvote 0 Downvote
sorry, my netscrap crashed for a while (it just died & thats it - i cant bring it back 2 life w/o restarting, - oh no, i dont want to..)
so what can i say w/o having a look like it works, u use divs, & divs (in netscrap 4x - layers) when writed as div tags must be positioned:
if in the table cell - write <div style=&quot;position:relative&quot;..
when just in normal page flow - use position:absolute..
& u also are able of using the next construction:
<ilayer name=name1><layer name=name2><div id=name3 style=&quot;position:relative&quot;></div></layer></ilayer> when ur layer is inside a table cell; its weird & huge & ugly, but it works..
& <layer name=name4><div id=name5 style=&quot;position:relative&quot;></div></layer> when in normal flow..

got it?
i hope i made it clear for ya..
then if u'll want 2 do smth with those images, u shuld reference 2 'em like this (in netscrap):
document.layers.layername.document.images.imagename
or if there're nested layers:
document.layers.layername.document.layers.layername.document.images.imagename
woo - ugly.. :-(
regards, vic
 
Upvote 0 Downvote
Status
Not open for further replies.

Similar threads

cae154
  • Locked
  • Question
Body of email not appearing in correct font on iPhone and iPad
Replies
1
Views
706
spamjim
spamjim
lmcate
  • Locked
  • Question
From HTML Page open an MDB files on the server and work
Replies
0
Views
171
lmcate
lmcate
PeDa
  • Locked
  • Question
Display table td's as block element on mobile phone 1
Replies
3
Views
830
spamjim
spamjim
lmcate
  • Locked
  • Question
Create a Expand/Collapse FAQ Accordion, Collapse other on Click 1
Replies
2
Views
644
Mike Lewis
Mike Lewis
waubain
  • Locked
  • Question
Prevent user from getting a 404 error if click on a hover text displaying a hidden image. 1
Replies
5
Views
216
jjgupta915
jjgupta915

Part and Inventory Search

Sponsor

Back
Top