i folowed the tut, and this is what i get.. now it looks right..now i dont know how to make the content inside it, and the links make the content show up in it... hers my code : Code: <html> <head> <title>temp</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> </head> <body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0"> <table id="Table_01" width="901" height="901" border="0" cellpadding="0" cellspacing="0"> <tr> <td colspan="15"> [img]images/index_01.gif[/img]</td> <td> [img]images/spacer.gif[/img]</td> </tr> <tr> <td colspan="15"> [img]images/index_02.gif[/img]</td> <td> [img]images/spacer.gif[/img]</td> </tr> <tr> <td colspan="10" rowspan="3"> [img]images/index_03.gif[/img]</td> <td colspan="3"> [img]images/index_04.gif[/img]</td> <td rowspan="8"> [img]images/index_05.gif[/img]</td> <td rowspan="8"> [img]images/index_06.gif[/img]</td> <td> [img]images/spacer.gif[/img]</td> </tr> <tr> <td colspan="2"> [img]images/index_07.gif[/img]</td> <td rowspan="6"> [img]images/index_08.gif[/img]</td> <td> [img]images/spacer.gif[/img]</td> </tr> <tr> <td rowspan="6"> [img]images/index_09.gif[/img]</td> <td rowspan="5"> <iframe src="/content.html" width="396" height="388" name="hometext" frameborder="no"></iframe></td> <td> [img]images/spacer.gif[/img]</td> </tr> <tr> <td colspan="2"> [img]images/index_11.gif[/img]</td> <td> [img]images/index_12.gif[/img]</td> <td> [img]images/index_13.gif[/img]</td> <td> [img]images/index_14.gif[/img]</td> <td> [img]images/index_15.gif[/img]</td> <td colspan="2"> [img]images/index_16.gif[/img]</td> <td colspan="2"> [img]images/index_17.gif[/img]</td> <td> [img]images/spacer.gif[/img]</td> </tr> <tr> <td colspan="10"> [img]images/index_18.gif[/img]</td> <td> [img]images/spacer.gif[/img]</td> </tr> <tr> <td> [img]images/index_19.gif[/img]</td> <td colspan="6"> [img]images/index_20.gif[/img]</td> <td colspan="3"> [img]images/index_21.gif[/img]</td> <td> [img]images/spacer.gif[/img]</td> </tr> <tr> <td colspan="10" rowspan="2"> [img]images/index_22.gif[/img]</td> <td> [img]images/spacer.gif[/img]</td> </tr> <tr> <td colspan="2"> [img]images/index_23.gif[/img]</td> <td> [img]images/spacer.gif[/img]</td> </tr> <tr> <td> [img]images/index_24.gif[/img]</td> <td colspan="6"> [img]images/index_25.gif[/img]</td> <td colspan="2"> [img]images/index_26.gif[/img]</td> <td> [img]images/index_27.gif[/img]</td> <td colspan="4"> [img]images/index_28.gif[/img]</td> <td> [img]images/index_29.gif[/img]</td> <td> [img]images/spacer.gif[/img]</td> </tr> <tr> <td colspan="10"> [img]images/index_30.gif[/img]</td> <td colspan="5"> [img]images/index_31.gif[/img]</td> <td> [img]images/spacer.gif[/img]</td> </tr> <tr> <td> [img]images/spacer.gif[/img]</td> <td> [img]images/spacer.gif[/img]</td> <td> [img]images/spacer.gif[/img]</td> <td> [img]images/spacer.gif[/img]</td> <td> [img]images/spacer.gif[/img]</td> <td> [img]images/spacer.gif[/img]</td> <td> [img]images/spacer.gif[/img]</td> <td> [img]images/spacer.gif[/img]</td> <td> [img]images/spacer.gif[/img]</td> <td> [img]images/spacer.gif[/img]</td> <td> [img]images/spacer.gif[/img]</td> <td> [img]images/spacer.gif[/img]</td> <td> [img]images/spacer.gif[/img]</td> <td> [img]images/spacer.gif[/img]</td> <td> [img]images/spacer.gif[/img]</td> <td></td> </tr> </table> </body> </html> any help would be great im feeling very giveing today.
Code: <iframe src="/content.html" width="396" height="388" name="hometext" frameborder="no"></iframe></td> make a new .html document, then name it content.html or w/e the link your trying to specify the page and just add the text you want it to look like and upload it, it should work just fine. when using navigation things, your gonna want the links to open in w/e you named the iframe (hometext in this case), and then it shouldnt give you any problems loading. worst case scenario, when i get back from my g/fs house later you can send it to me and ill get it fixed for you.
i think i covered anything youd directly need for now... not 100% sure, but im pretty sure you could do more for faster loading times, etc. be sure to run your site through the w3.org validators. you could also attempt to use a .css for slightly faster load time on all pages, but who knows... your using iframes, so its obviously not a hugely professional type site you going for.
put this in the first set of iframe code (where the /content.html is): Code: background="imageurlhere"
ok thanks Merged Post: so it should look like this right? Code: <html> <head> <title>temp</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> </head> <body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0"> <table id="Table_01" width="901" height="901" border="0" cellpadding="0" cellspacing="0"> <tr> <td colspan="14"> [img]images/temp_01.gif[/img]</td> <td> [img]images/spacer.gif[/img]</td> </tr> <tr> <td colspan="14"> [img]images/temp_02.gif[/img]</td> <td> [img]images/spacer.gif[/img]</td> </tr> <tr> <td colspan="10" rowspan="2"> [img]images/temp_03.gif[/img]</td> <td colspan="3"> [img]images/temp_04.gif[/img]</td> <td rowspan="8"> [img]images/temp_05.gif[/img]</td> <td> [img]images/spacer.gif[/img]</td> </tr> <tr> <td rowspan="6"> [img]images/temp_06.gif[/img]</td> <td rowspan="6"> <iframe src="/content.html" background="/temp_07.gif" width="391" height="382" name="hometext" frameborder="no"></iframe></td> <td rowspan="6"> [img]images/temp_08.gif[/img]</td> <td> [img]images/spacer.gif[/img]</td> </tr> <tr> <td> [img]images/temp_09.gif[/img]</td> <td> [img]images/temp_10.gif[/img]</td> <td> [img]images/temp_11.gif[/img]</td> <td> [img]images/temp_12.gif[/img]</td> <td> [img]images/temp_13.gif[/img]</td> <td colspan="4"> [img]images/temp_14.gif[/img]</td> <td> [img]images/temp_15.gif[/img]</td> <td> [img]images/spacer.gif[/img]</td> </tr> <tr> <td colspan="10"> [img]images/temp_16.gif[/img]</td> <td> [img]images/spacer.gif[/img]</td> </tr> <tr> <td colspan="6"> [img]images/temp_17.gif[/img]</td> <td colspan="2" rowspan="2"> [img]images/temp_18.gif[/img]</td> <td colspan="2"> [img]images/temp_19.gif[/img]</td> <td> [img]images/spacer.gif[/img]</td> </tr> <tr> <td rowspan="3"> [img]images/temp_20.gif[/img]</td> <td colspan="5"> [img]images/temp_21.gif[/img]</td> <td rowspan="3"> [img]images/temp_22.gif[/img]</td> <td rowspan="3"> [img]images/temp_23.gif[/img]</td> <td> [img]images/spacer.gif[/img]</td> </tr> <tr> <td colspan="7" rowspan="2"> [img]images/temp_24.gif[/img]</td> <td> [img]images/spacer.gif[/img]</td> </tr> <tr> <td colspan="3"> [img]images/temp_25.gif[/img]</td> <td> [img]images/spacer.gif[/img]</td> </tr> <tr> <td> [img]images/temp_26.gif[/img]</td> <td colspan="6"> [img]images/temp_27.gif[/img]</td> <td colspan="3"> [img]images/temp_28.gif[/img]</td> <td colspan="3" rowspan="2"> [img]images/temp_29.gif[/img]</td> <td rowspan="2"> [img]images/temp_30.gif[/img]</td> <td> [img]images/spacer.gif[/img]</td> </tr> <tr> <td colspan="10"> [img]images/temp_31.gif[/img]</td> <td> [img]images/spacer.gif[/img]</td> </tr> <tr> <td colspan="13"> [img]images/temp_32.gif[/img]</td> <td> [img]images/temp_33.gif[/img]</td> <td> [img]images/spacer.gif[/img]</td> </tr> <tr> <td> [img]images/spacer.gif[/img]</td> <td> [img]images/spacer.gif[/img]</td> <td> [img]images/spacer.gif[/img]</td> <td> [img]images/spacer.gif[/img]</td> <td> [img]images/spacer.gif[/img]</td> <td> [img]images/spacer.gif[/img]</td> <td> [img]images/spacer.gif[/img]</td> <td> [img]images/spacer.gif[/img]</td> <td> [img]images/spacer.gif[/img]</td> <td> [img]images/spacer.gif[/img]</td> <td> [img]images/spacer.gif[/img]</td> <td> [img]images/spacer.gif[/img]</td> <td> [img]images/spacer.gif[/img]</td> <td> [img]images/spacer.gif[/img]</td> <td></td> </tr> </table> </body> </html>
ok thanks, now the only trouble im haveing with the content part, is that i want ONLY the text to scrool, and the background image to stay still.... any way of doing this?
are you using dreamweaver? it should be in the background properties to keep the background fixed, like a watermark kind of thing...
