02 September 2005, 09:11 UTC#1
Ok... I've got the very basics for the website sorted.. The new window opens and everything to the right dimensions.. but now I need to know how to change the already open page to a different page without another window opening up...
After I know how to do that.. can someone help me build onto it like inserting an iframe in the right place and with the right sizes etc..
External image not preserved — inspect source: http://img386.imageshack.us/img386/7792/main3xa.th.jpg02 September 2005, 09:16 UTC#2
Well insert your iframe first. I have told you to before so just search for it. Then set the target frame to the anme of your iframe, and done.
02 September 2005, 09:26 UTC#3
What sort of figures go in the blanks you left though? Are they all numbers?
And also where abouts do I paste it into the html document? Before the </body> tag?
<iframe name="---" width="---" height="---" border="---" allowtransparency="true" border="---" frameborder="---" src="---"></iframe>
02 September 2005, 09:27 UTC#4
Yeah, post the code where you want tohave the iframe.
02 September 2005, 09:30 UTC#5
If you're using dreamweaver, press 'paste html'. I don't know ifthat helps but it took me hours to figure that one out Image file not present in the recovered backup
02 September 2005, 09:48 UTC#7
Have you set the tags to background image? Then you paste the html in that box.
02 September 2005, 09:51 UTC#8
is that even sliced?
02 September 2005, 09:52 UTC#9
QUOTE
<html>
<head>
<title>..::Life of Boredom::..</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script language="javascript" type="text/javascript">
var width = parseInt(805);
var height = parseInt(630);
var trueWidth = width + 12;
var trueHeight = height + 29;
var left = (parseInt(screen.width) - trueWidth) / 2;
var top = (parseInt(screen.height) - trueHeight) / 2;
window.moveTo(left, top);
window.resizeTo(width + 12, height + 29);
window.focus();
</script>
<style type="text/css">
<!--
body {
background-color: #000000;
}
-->
</style>
<script language="JavaScript" type="text/JavaScript">
<!--
function MM_reloadPage(init) { //reloads the window if Nav4 resized
if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);
//-->
</script>
</head>
<body>
<table id="Table_02" width="800" height="601" border="0" cellpadding="0" cellspacing="0">
<tr>
<td>
<img src="slices/images/lifeofboredom_01.jpg" width="78" height="117" alt=""></td>
<td colspan="17">
<img src="slices/images/lifeofboredom_02.jpg" width="639" height="117" alt=""></td>
<td>
<img src="slices/images/lifeofboredom_03.jpg" width="83" height="117" alt=""></td>
</tr>
<tr>
<td colspan="19">
<img src="slices/images/lifeofboredom_04.jpg" width="800" height="74" alt=""></td>
</tr>
<tr>
<td colspan="3">
<img src="slices/images/lifeofboredom_05.jpg" width="149" height="267" alt=""></td>
<td colspan="13">
<img src="slices/images/lifeofboredom_06.jpg" width="499" height="267" alt=""></td>
<td colspan="3">
<img src="slices/images/lifeofboredom_07.jpg" width="152" height="267" alt=""></td>
</tr>
<tr>
<td colspan="19">
<img src="slices/images/lifeofboredom_08.jpg" width="800" height="21" alt=""></td>
</tr>
<tr>
<td colspan="2">
<img src="slices/images/lifeofboredom_09.jpg" width="103" height="41" alt=""></td>
<td colspan="2">
<img src="slices/images/lifeofboredom_10.jpg" width="62" height="41" alt=""></td>
<td>
<img src="slices/images/lifeofboredom_11.jpg" width="18" height="41" alt=""></td>
<td>
<img src="slices/images/lifeofboredom_12.jpg" width="67" height="41" alt=""></td>
<td>
<img src="slices/images/lifeofboredom_13.jpg" width="20" height="41" alt=""></td>
<td>
<img src="slices/images/lifeofboredom_14.jpg" width="71" height="41" alt=""></td>
<td>
<img src="slices/images/lifeofboredom_15.jpg" width="26" height="41" alt=""></td>
<td>
<img src="slices/images/lifeofboredom_16.jpg" width="55" height="41" alt=""></td>
<td>
<img src="slices/images/lifeofboredom_17.jpg" width="25" height="41" alt=""></td>
<td>
<img src="slices/images/lifeofboredom_18.jpg" width="56" height="41" alt=""></td>
<td>
<img src="slices/images/lifeofboredom_19.jpg" width="25" height="41" alt=""></td>
<td>
<img src="slices/images/lifeofboredom_20.jpg" width="81" height="41" alt=""></td>
<td>
<img src="slices/images/lifeofboredom_21.jpg" width="19" height="41" alt=""></td>
<td colspan="2">
<img src="slices/images/lifeofboredom_22.jpg" width="57" height="41" alt=""></td>
<td colspan="2">
<img src="slices/images/lifeofboredom_23.jpg" width="115" height="41" alt=""></td>
</tr>
<tr>
<td colspan="7">
<img src="slices/images/lifeofboredom_24.jpg" width="270" height="80" alt=""></td>
<td colspan="5">
<img src="slices/images/lifeofboredom_25.jpg" width="233" height="80" alt=""></td>
<td colspan="7">
<img src="slices/images/lifeofboredom_26.jpg" width="297" height="80" alt=""></td>
</tr>
<tr>
<td>
<img src="images/spacer.gif" width="78" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="25" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="46" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="16" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="18" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="67" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="20" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="71" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="26" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="55" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="25" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="56" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="25" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="81" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="19" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="20" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="37" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="32" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="83" height="1" alt=""></td>
</tr>
</table>
</body>
</html>
If thats the coding, as is, can you change the bits necessary
Image file not present in the recovered backup02 September 2005, 09:54 UTC#10
QUOTE(Adem @ Sep 2 2005, 10:51 AM)
is that even sliced?
[right][snapback]165531[/snapback][/right]
02 September 2005, 10:00 UTC#11
where u want the iframe u have to make the <img src> the <td background>
02 September 2005, 10:37 UTC#12
Try this:
QUOTE
<html>
<head>
<title>..::Life of Boredom::..</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script language="javascript" type="text/javascript">
var width = parseInt(805);
var height = parseInt(630);
var trueWidth = width + 12;
var trueHeight = height + 29;
var left = (parseInt(screen.width) - trueWidth) / 2;
var top = (parseInt(screen.height) - trueHeight) / 2;
window.moveTo(left, top);
window.resizeTo(width + 12, height + 29);
window.focus();
</script>
<style type="text/css">
<!--
body {
background-color: #000000;
}
-->
</style>
<script language="JavaScript" type="text/JavaScript">
<!--
function MM_reloadPage(init) { //reloads the window if Nav4 resized
if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);
//-->
</script>
</head>
<body>
<table id="Table_02" width="800" height="601" border="0" cellpadding="0" cellspacing="0">
<tr>
<td>
<img src="slices/images/lifeofboredom_01.jpg" width="78" height="117" alt=""></td>
<td colspan="17">
<img src="slices/images/lifeofboredom_02.jpg" width="639" height="117" alt=""></td>
<td>
<img src="slices/images/lifeofboredom_03.jpg" width="83" height="117" alt=""></td>
</tr>
<tr>
<td colspan="19">
<img src="slices/images/lifeofboredom_04.jpg" width="800" height="74" alt=""></td>
</tr>
<tr>
<td colspan="3">
<img src="slices/images/lifeofboredom_05.jpg" width="149" height="267" alt=""></td>
<td colspan="13">
<iframe src="page url" width="499" height="267" name="iframe" frameborder="no"></iframe></TD>
<td colspan="3">
<img src="slices/images/lifeofboredom_07.jpg" width="152" height="267" alt=""></td>
</tr>
<tr>
<td colspan="19">
<img src="slices/images/lifeofboredom_08.jpg" width="800" height="21" alt=""></td>
</tr>
<tr>
<td colspan="2">
<img src="slices/images/lifeofboredom_09.jpg" width="103" height="41" alt=""></td>
<td colspan="2">
<img src="slices/images/lifeofboredom_10.jpg" width="62" height="41" alt=""></td>
<td>
<img src="slices/images/lifeofboredom_11.jpg" width="18" height="41" alt=""></td>
<td>
<img src="slices/images/lifeofboredom_12.jpg" width="67" height="41" alt=""></td>
<td>
<img src="slices/images/lifeofboredom_13.jpg" width="20" height="41" alt=""></td>
<td>
<img src="slices/images/lifeofboredom_14.jpg" width="71" height="41" alt=""></td>
<td>
<img src="slices/images/lifeofboredom_15.jpg" width="26" height="41" alt=""></td>
<td>
<img src="slices/images/lifeofboredom_16.jpg" width="55" height="41" alt=""></td>
<td>
<img src="slices/images/lifeofboredom_17.jpg" width="25" height="41" alt=""></td>
<td>
<img src="slices/images/lifeofboredom_18.jpg" width="56" height="41" alt=""></td>
<td>
<img src="slices/images/lifeofboredom_19.jpg" width="25" height="41" alt=""></td>
<td>
<img src="slices/images/lifeofboredom_20.jpg" width="81" height="41" alt=""></td>
<td>
<img src="slices/images/lifeofboredom_21.jpg" width="19" height="41" alt=""></td>
<td colspan="2">
<img src="slices/images/lifeofboredom_22.jpg" width="57" height="41" alt=""></td>
<td colspan="2">
<img src="slices/images/lifeofboredom_23.jpg" width="115" height="41" alt=""></td>
</tr>
<tr>
<td colspan="7">
<img src="slices/images/lifeofboredom_24.jpg" width="270" height="80" alt=""></td>
<td colspan="5">
<img src="slices/images/lifeofboredom_25.jpg" width="233" height="80" alt=""></td>
<td colspan="7">
<img src="slices/images/lifeofboredom_26.jpg" width="297" height="80" alt=""></td>
</tr>
<tr>
<td>
<img src="images/spacer.gif" width="78" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="25" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="46" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="16" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="18" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="67" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="20" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="71" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="26" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="55" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="25" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="56" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="25" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="81" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="19" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="20" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="37" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="32" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="83" height="1" alt=""></td>
</tr>
</table>
</body>
</html>
Make it in new document so if it doesn't work you still have the original
02 September 2005, 11:56 UTC#13
Is that with the iframe being transparent?
I was under the impression the contents of the iframe needed to be in a new document..
02 September 2005, 12:03 UTC#14
Yeah, the conent within the iframe will be on another page.
so add this under the head tag, in the content page that is.
<style type="text/css">
body, html{background-color:transparent;}.style1 {font-family: Verdana}
</style>