Forum Moderators: not2easy
<table id="table54" border="0" cellpadding="3" cellspacing="0" height="23" width="100%">
<tbody><tr>
<td align="center" bgcolor="#ffffff">
<script type="text/javascript"><!--
google_ad_client = "xx";
google_ad_width = 468;
google_ad_height = 60;
google_ad_format = "468x60_as";
google_ad_type = "text_image";
//2006-11-11: Cyber Nations
google_ad_channel = "6616297596";
google_color_border = "FFFFFF";
google_color_bg = "FFFFFF";
google_color_link = "0000FF";
google_color_text = "000000";
google_color_url = "008000";
//--></script>
<script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script><iframe name="google_ads_frame" src="http://pagead2.googlesyndication.com/pagead/ads?client=ca-pub-
123456789&dt=123456789&lmt=123456789amp;format=468x60_as&output=html&correlator=123456789&channel=123456789&url=http%3A%2F%2Fwww.example.com
2Fnation_drill_display.asp%3FNation_ID%3D104199&color_bg=FFFFFF&color_text=000000&color
_link=0000FF&color_url=008000&color_border=FFFFFF&ad_type=text_image&ref=http%3A%2F%2Fwww.example.com
%2FallNations_display_alliances.asp%3FAlliance%3DNorth%2520Atlantic%2520Defense%2520Coalition&frm=0&cc=58&ga_vid=1068576172.121
3852545&ga_sid=1214607557&ga_hid=1683515743&ga_fc=true&flash=9.0.124&u_h=768&u_w=1024&u_ah=704&u_aw=1024&u_cd=32&u_tz=-
420&u_his=5&u_java=true&u_nplug=20&u_nmime=97" marginwidth="0" marginheight="0" vspace="0" hspace="0" allowtransparency="true" frameborder="0" height="60" scrolling="no" width="468"></iframe>
</td>
</tr>
<tr>
</tr>
</tbody></table>
I have tried display: none; on the iframe and then giving the table a background image... i tried giving the iframe a .001 opacity and a background image...
It just doesn't seem possible to make a graphic go ontop of an iframe
[edited by: engine at 8:13 am (utc) on June 28, 2008]
[edit reason] scrolling and pub id removed [/edit]
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Untitled Document</title>
<style type="text/css">
/*This would do what you want in all modern non IE browsers*/
#table54 tr {display:none;}
#table54 tr + tr {display:table-row;}
#table54 tr+tr td {padding-top:180px; background:url(banner.jpg) no-repeat;}
#table54 tr+tr+tr td {background:transparent; padding-top:0;}/* should work in any browser. Find another tag on page that has an id and can be used
#footer {position:absolute; top:0; left:0; width:100%; height:280px; z-index:5000;
background:url(banner.jpg) no-repeat;}
#footer p {display:none;}*/
</style>
</head><body>
<table id="table54" border="0" cellpadding="3" cellspacing="0" height="23" width="100%">
<tr>
<td><iframe height="180px;" src="test.html"></iframe></td>
</tr>
<tr>
<td>content 2</td>
</tr>
<tr>
<td>content 3</td>
</tr>
<tr>
<td>Content 4</td>
</tr>
</table><div id="footer"><p>foo blobby booo bar some other tag</p></div>
</body>
</html>